CSS属性提升
CSS樣式 屬性提高
text-align設置文字水平對齊方式,如text-align:center 設置文字水平居中
text-indent設置文字首行縮進,如:text-indent:24px; 設置文字首行縮進24px
font-style設置字體是否傾斜,如:font-style:'normal'; 設置不傾斜,font-style:'italic';設置文字傾斜
font同時設置文字的幾個屬性,寫的順序有兼容問題,建議按照如下順序寫: font:是否加粗字號/行高 字體;如: font:normal 12px/36px '微軟雅黑';
?
文本屬性的連寫
格式: font:font-weight font-style font-size/line-heightfont-family
?
注意點:
font屬性連寫中,必須設置font-size 和 font-family 兩個屬性
font屬性連寫中,font-size必須放在 font-family前面
?
其他常用樣式屬性
list-style 設置無序列表中的小圓點,一般把它設為"無",如:list-style:none
?
CSS元素溢出
當子元素的尺寸超過父元素的尺寸時,需要設置父元素顯示溢出的子元素的方式,設置的方法是通過overflow屬性來設置。
overflow的設置項:
1、visible 默認值。內容不會被修剪,會呈現在元素框之外。
?
2、hidden內容會被修剪,并且其余內容是不可見的,此屬性還有清除浮動、清除margin-top塌陷的功能。
?
3、scroll 內容會被修剪,但是瀏覽器會顯示滾動條以便查看其余的內容。
?
4、auto 如果內容被修剪,則瀏覽器會顯示滾動條以便查看其余的內容。
總結
- 上一篇: 如何使用 Pylint 来规范 Pyth
- 下一篇: CSS—常用选择器