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 如果內容被修剪，則瀏覽器會顯示滾動條以便查看其余的內容。

總結

以上是生活随笔為你收集整理的CSS属性提升的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。