10 CSS的屬性縮寫

2021-08-29 19:24:39 字數 690 閱讀 8960

一些css屬性允許使用一串值代替許多屬性,值使用空格分開。

margin,pdding和border-width允許合併 margin-top-width, margin-right-width, margin-bottom-width等等,形式像這樣:property:top right bottom left;逆時針順序。

所以下面的:

p

可以寫成:

p

border-width,border-color,border-style同樣可以合併到一起,例如:

p

(同樣可以運用到border-top,border-right等等)

如果只使用兩個值(比如margin: 1em 10em;),第乙個值包括頂部和底部,第二個值包括左右。

字型屬性同樣可以使用font屬性合併。

p

(上面"/1.5"是 line-height的值)

把它們總結在一起,試下下面的**:

p

推薦大家使用縮寫形式,促進css**的精簡、優化!

css 常用屬性縮寫

使用縮寫可以幫助減少你css檔案的大小,更加容易閱讀。css縮寫的主要規則如下 顏色 16進製制的色彩值,如果每兩位的值相同,可以縮寫一半,例如 000000可以縮寫為 000 336699可以縮寫為 369 盒尺寸 通常有下面四種書寫方法 property value1 表示所有邊都是乙個值val...

CSS縮寫屬性整理

順序任意,除了border style必須設定外,其餘值可以省略為預設值。只能設定全域性邊框,可以用border top border left等簡寫屬性來覆蓋修改區域性 以下屬性可採用任何順序,且都是可選屬性 background clip background attachment backgr...

CSS基礎學習10 CSS設定元素的定位

十 css設定元素的定位 css定位可以將乙個元素精確的放在頁面上你所指定的地方。聯合使用定位和float 浮動 可以建立多種高階而精確的布局。1.絕對定位 乙個採用絕對定位的元素不獲得任何空間。這就意味著 該元素在被定位後不會留下空位。value position absolute 然後可以通過屬...