不亦乐乎

Chrome、Edg 默认都支持 CSS3 的 backdrop-filter 样式，Firefox 默认居然不支持，版本 92 (64-bit)。 Firefox 这坑货还得手动开启 backdrop-filter 支持。 浏览器地址栏输入 about:config，然后奔出了个 Proceed with Caution 的警告，Ac...

玩 BootStrap 总觉得太呆板、千篇一律、丑，所以上周问了度娘有没有类似 BootStrap 的框架，于是找到了 Semantic UI。 Semantic UI 有中英文网站，英文站：semantic-ui.com，中文站：semantic-ui.cn，有兴趣的可以去瞄一下。 可能 BootStr...

这纯粹是个无聊的更新，即使你画了也多大的卵用，但我还是画了，实在是无聊。 用 CSS3 画心形 1、先来个class="heart"的div 2、讲上面的 div 整成红色的正方形，然后转 45 度变成个菱形样 .heart { position: relati...

在博客上点来点去，看到 moyu 的博客上有下面这篇 CSS小技巧收藏 的文章，许多技巧没用过，非常不错，遂转之。 居中对齐 很多时候我们需要把一个元素在其父级容器里水平、垂直居中对齐。以下我列出了常用的几种方法： 1、在知道子元素...

虽然用 bootstrap 弄过几个主题，用习惯了，还是很好用的，大量减轻自己 CSS 的工作量，但对于 bootstrap 3 的 grid 系统还是有点晕，找了篇文章学习了下，理了理。 .col-xs-$ Extra Small：特别...

对于 Wordpress 的正文内容和摘要，有时候我们喜欢给他按照 word 中文阅读习惯那样来个段落首行缩进，这是从小学开始写作文，语文老师就要求的格式了。 所以，对于从小...

想给博客换个主题，到处找找不到满意的，最后发现默认主题 twentytwelve 越看越顺眼，于是就想动手改一下用。 看 CSS 文件的时候发现引入了一个新大小单位：rem，虽然 CSS ...

最近在研究shopex，想给带货币符号的价格将货币符号和金额来个大小区别对待，就想到了css伪类元素:first-letter，可是在使用的过程中却出了问题。明明w3c上说支持ie、firefox、chrome的，可是最后只有chrome下有效果，搞的我火大，不知道问题出...

经常会在许多模板代码的头部head里看到人用一些类似<!--[if IE 6]XXX<![endif]-->这样的代码，有各式各样的，一直没搞清楚，刚在朴人博客看到一篇《常用浏览器CSS hack汇总》，再百度了一下，终于有个较清晰的认识了。 条件注释功能...

前几天给mark做个网页，在页面内让图片放在div里，然后让div横排，每行3个，递增后自动换行，说起来有点不清楚，其实就是一个float:left;，为防止图片大小不一变形，我在css里限制了图片的宽度，这就算搞定了。 可是mark同学在使用的过程中发...

这个方法是通过jq插件来实现的，原理是其实是在页面上生成许多白色自由移动的点，同时也会感知鼠标的左右移动（上下移动不行）跟随鼠标左右移动而出现雪花往左右飘飞的感觉。 因为是jq实现的，所以非常简单，但是因为生成“雪花”时，需要给页...

CSS3的神奇让人震撼，唯一遗憾的是，即使在高级浏览器中，有些功能也不是被普遍支持的，下面我遇到的这个看上去像flash制作出来的“微微发抖”的功能好像只支持webkit核心的浏览器，比如谷歌的chrome。如果你是谷歌浏览器，你看到的下面这些链接应...