格式化排版:CSS提供了丰富的字体属性,包括字体选择、大小、样式和粗细。字体大小可以使用像素(px)、相对大小(em或rem)等单位。字体样式包括普通(normal)、斜体(italic)和倾斜字体(oblique)。字体粗细有normal、bold、lighter和bolder,其值范围为100至900。文本属性则包括文本修饰(none、underline、...
css — 权重、继承性、排版、float
继承性:CSS中,某些属性可以被继承,如颜色(color)、文本样式(text-xxx)、行高(line-height)、字体样式(font-xxx)、字符间距(letter-spacing)和单词间距(word-spacing)等。但不是所有属性都可继承,例如边框(border)属性则不会被继承。
权重:在CSS中,继承来的属性权重通常为0。若要设置属性的权重,可以使用!important规则。该规则将当前属性的权重设置为无限大,但需注意,应尽量避免使用!important,因为它会破坏样式表中固有的权值比较规则,使调试变得困难。
格式化排版:CSS提供了丰富的字体属性,包括字体选择、大小、样式和粗细。字体大小可以使用像素(px)、相对大小(em或rem)等单位。字体样式包括普通(normal)、斜体(italic)和倾斜字体(oblique)。字体粗细有normal、bold、lighter和bolder,其值范围为100至900。文本属性则包括文本修饰(none、underline、overline、line-through)、文本缩进、中文和英文的字符间距、以及文本对齐方式(left、center、right、justify)。
浮动布局:浮动(float)属性是网页布局中的关键要素,最初设计用于实现文字环绕效果。它允许元素浮动到其容器的左侧或右侧,从而实现并排显示。浮动属性包括none(默认不浮动)、left(左浮动)和right(右浮动)。使用浮动布局时,应注意清除浮动以避免父元素高度不足的问题,常见的清除浮动方法包括给父元素添加固定高度、使用内墙法、伪元素清除法,或设置overflow属性为hidden或auto。
BFC(Block Formatting Context):BFC是一个规则,它对浮动定位非常重要。当一个元素设置了overflow属性为hidden、auto或scroll时,它会形成一个BFC区域,这意味着浮动元素不会影响同一BFC区域中的其他元素布局。此外,BFC区域中的浮动元素会参与高度计算,确保父元素的高度能够适应子元素的高度。使用overflow属性来形成BFC区域是一种有效清除浮动的方法,但需注意其可能带来的副作用。2024-10-25