CSS系列

css 简写属性了解吗？前端程序员肯定是常见常用，但平时很少有这个提法，所以当被问及的时候，可能会有点蒙，但这是一个“正经”的词汇和名称，相信系统学过 CSS 的同学会对简写属性（Shorthand

在 CSS 的使用中，同样也需要”关键路径“、”最优解“和”优化“，下面将从这几个方面解释 CSS 性能优化

我们知道，CSS 属性有可继承和不可继承之分，例如 height 和 width 就 是CSS 中典型的不可继承属性，color 和 font-size 是典型的可继承属性。CSS 可继承属性意味着后

一次闲聊，一位三年前端，表示不知道可替换元素（replaced element），没印象，被起哄要降薪降级。

为啥要特别强调谨慎使用 `!important`，因为正如前文说到的 `!important` 是例外规则，没法算清优先级权重，就是说使用 `!important` 会破坏固有的级联规则，让调试找

从前偶尔也敢胡吹一下，没有搞不定的样式，自己写的样式还好一些，现在是真不敢胡说了。样式之复杂，难以想象，本文再梳理一下有关样式规则。

@media 可以针对不同的屏幕尺寸设置不同的样式，这在设计响应式的页面会非常有用。例如，媒体查询可以缩小小型设备上的字体大小，在纵向模式下查看页面时增加段落之间的填充，或者增加触摸屏上

单冒号就是伪类？未必！css3 以后，为了区分伪类和为元素，规范伪类使用单冒号，伪元素使用双冒号表示。但css2 的伪元素单冒号的写法，仍被许多现代浏览器兼容支持。

在交谈 BFC 的时候，谈论产生 BFC 的条件，或 BFC 的特性，比起说什么是 BFC，可能更有意义。tips：CSS2.1 中只有 BFC 和 IFC，CSS3 中才有 GFC 和 FFC。

关于 **margin collapsing** 翻译为外边距塌陷还是折叠这事，都有人提，我个人更倾向于折叠。折叠挺好理解啊，你有下外边距，我有上外边距，两边一靠近，重合折叠了。塌陷嘛，有一边塌了没了

CSS中的长度单位，分为两种，一种是绝对单位，另一种是相对单位，了解他们的区别，重要的是帮助我们理解它们控制的元素将如何变化，以及帮助我们做设计和布局规划。这些就是认真了解学习长度单位的意义。

保持客户端样式表现一致的关键：css @font-face引入外部字体。 我们看到的网页所使用的字体，通常是操作系统默认支持的字体，比如Windows（10/8.1/8/7/Vista） 操作系统的默

box-sizing是干啥的？css盒模型与border-sizing在响应式布局的妙用。标准盒模型（w3c盒模型），主要由内容（content）、填充（padding）、边界（margin）、边框