[面试仓库]CSS面试题汇总-图文样式篇

  图文样式这，我们挑了一个最常见的来说：line-height继承问题。从三个方面来考虑：

如果是具体的数值，则继承该数值

body{
    font-size:32px;
    line-height:40px;
}

.container{
    font-size:16px;
    line-height:???/*40px*/
}

如果是比例的数值(类似 1.2 2.3 这种)，则继承该比例

body{
    font-size:32px;
    line-height:1.2;
}

.container{
    font-size:16px;
    line-height:???/*16*1.2=19.2px*/
}

  然后就是需要注意的地方了。

如果是百分比(100% 200%)，要先计算，再进行继承

body{
    font-size:32px;
    line-height:200%;
}

.container{
    font-size:16px;
    line-height:???/*32*200%=64px*/
}

  其他有关图文样式的内容，我会在此作出补充