css
memory丶of
阳光,爱说话,喜欢玩,喜欢研究新的东西,喜欢分享一些有趣的知识,希望我们一起进步,为时代的进步做出力所能及的小事情。
展开
-
CSS 高级布局技巧
CSS 高级布局技巧用 :empty 区分空元素我们希望可以对空元素和非空元素区别处理,那么有两种方案。 用 :empty 选择空元素:.item:empty { display: none;}或者用 :not(:empty) 选择非空元素:.item:not(:empty) { border: 1px solid #ccc; /* ... */}用 :*-Of-Type转载 2017-11-29 09:45:15 · 457 阅读 · 0 评论 -
经常使用的20个css高级技巧(下)
11. 继承 box-sizing 让 box-sizing 继承 html:html { box-sizing: border-box;}*, *:before, *:after { box-sizing: inherit;}这样在插件或杠杆其他行为的其他组件中就能更容易地改变 box-sizing 了。12. 表格单元格等宽 表格工作起来很麻烦,所以务必尽量使用 table-l转载 2017-12-20 13:33:22 · 618 阅读 · 0 评论 -
经常使用的20个css高级技巧(上)
1. 黑白图像 这段代码会让你的彩色照片显示黑白照片。img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: graysca转载 2017-12-15 14:08:55 · 4934 阅读 · 0 评论