7个web前端程序员必须能够使用CSS技能

1.当元素边距的顶部和底部以及填充的顶部和底端以百分比表示时，它们相对于父元素的宽度而不是我们想象的高度；

2.当具有定位属性的元素的顶部和底部单位为百分比时，百分比相对于父元素的高度。

3.边框宽度不允许使用百分比值

4.宽度：100%当父容器中有绝对定位的子元素时，子元素宽度：100%实际上是指填充+内容相对于父容器的宽度。当子元素是非绝对定位的元素时，width:100%表示子元素的内容，它等于父元素的内容宽度。5、 线路高度

当线宽具有单位时，子元素继承父元素的线宽。如果没有单位，它的行高度等于没有单位的值乘以子元素本身的字体大小。显然，为了避免意外，建议选择无单位。

6.Ex和ch

Ex：取具有当前效果的字体x的高度，如果x的高度无法确定，则计算为0.5em；

Ch：根据节点使用的字体中的“0”字符，找不到的时间为0.5em；ex和ch单位与em和rem类似，取决于当前字体和字体大小。然而，不同的是，这两种商品是基于字体测量单位，并取决于设置的字体。ch单位通常定义为数字0的宽度。你可以在埃里克·梅耶斯的博客中找到一些有趣的讨论。例如，如果等宽字体中字母“N”的宽度设置为40ch，则它可以包含另一种字体中的40个字母。

7.使用calc时，运算符之间应该有空格，否则可能无效。