css如何固定table第一行CSS面试知识点总结三.docx
版权申诉
194 浏览量
2022-07-08
11:44:33
上传
评论
收藏 67KB DOCX 举报
(1
度计算的基⽯，⽤专业说法就是指定了⽤来计算⾏框盒⼦⾼度的基础⾼度。
⽤，就是通过改变“⾏距”来实现的。在CSS中，“⾏距”分散在当前⽂字的上⽅和下⽅，也就是即使是第⼀⾏⽂字，其上⽅也是
(7) line-height 的默认值是normal，还⽀持数值、百分⽐值以及长度值。为数值类型时，
其最终的计算值是和当前font-si
font-size相乘后的值。为长度值时原意不变。
(8) 如果使⽤数值作为line-height 的属性值，那么所有的⼦元素继承的都是这个值；但是，
如果使⽤百分⽐值或者长度值作为
(9)⽆论内联元素line-height 如何设置，最终⽗级元素的⾼度都是由数值⼤的那个
line-height 决定的。
(10)只要有“内联盒⼦”在，就⼀定会有“⾏框盒⼦”，就是每⼀⾏内联元素外⾯包裹的⼀层看不见的盒⼦。然后，重点来了，在每个
“⾏框盒⼦”前⾯有⼀个宽度为0的具有该元素的字体和⾏⾼属性的看不见的“幽灵空⽩节点”。
5、vertical-align 的特殊性？
(1)vertical-align 的默认值是baseline，即基线对齐，⽽基线的定义是字母x的下边缘。因此，内联元素默认都是沿着字
css如何固定table第⼀⾏_CSS⾯试知识点总结三
1 、 margin ⽆ 效 的 情 形
(1)display
计算值inline的⾮替换元素的垂直margin是⽆效的。对于内联替换元素，垂直margin有效，并且没有margin合并的问题。
(2)表格中的
和元素或者设置display计算值是table-cell或table-row的元素的margin都是⽆效的。 (3)绝对定位元
素⾮定位⽅位的margin值“⽆效”。
(4)定⾼容器的⼦元素的margin-bottom或者宽度定死的⼦元素的margin-right的定位“失效”。
2、border 的特殊性？
(1)border-width却不⽀持百分⽐。
(2)border-style的默认值是none，有⼀部分⼈可能会误以为是solid。这也是单纯设置border-width或border-color没有边框显⽰的原
因。
(3)border-style:double的表现规则：双线宽度永远相等，中间间隔±1。
(4)border-color默认颜⾊就是color⾊值。
(5)默认background背景图⽚是相对于padding box定位的。
3、什么是基线和 x-height？
字母x的下边缘(线)就是我们的基线。
x-height指的就是⼩写字母x的⾼度，术语描述就是基线和等分线(meanline)(也称作中线，midline)之间的距离。在CSS世界中，middle
指的是基线往上1/2x-height⾼度。我们可以近似理解为字母x交叉点那个位置。
ex是CSS中的⼀个相对单位，指的是⼩写字母x的⾼度，没错，就是指x-height。ex的价值就在其副业上不受字体和字号影响的内联元素的
垂直居中对齐效果。内联元素默认是基线对齐的，⽽基线就是x的底部，⽽1ex就是⼀个x的⾼度。
4、line-height 的特殊性？
资源评论
