css中的簡寫

這是第三遍翻看《css那些事兒》了，這本書也是我學習前端的第一本書。這次摘錄了一些關於css的簡單又容易忘記的知識點，以便查閱。希望慢慢可以寫積累更多好的博文。

1.顏色

css中有四種顏色表現方式:我最常用的是前三種

ppp

p

2.邊框的簡寫

div 

/*簡寫成
*/div

類似於padding和margin的屬性，邊框也具有4個方向的屬性，border-top、border-right、border-bottom、border-left。邊框的這4個方向的屬性不具備簡寫條件，但卻可以在它的屬性中分別體現：

div

3.背景的簡寫

body

background是乙個復合屬,它的基本語法如下

background:background-color||background-image||background-repeat||background-attachment||background-position

4.字型的簡寫

body

簡寫成如下：

font:font-style||font-variant||font-weight||font-size||line-height||font-family

body

其中字型大小及行高之間並不是用空格隔開，而是用乙個斜槓隔開。字型屬性在很多情況中並不是所有屬性都需要設定，但font-size及font-family是必不可少的（不是很明了）。

5.表的簡寫

li

簡寫成如下：

list-style:list-style-image||list-style-position||list-style-type

li

css的背景的簡寫

background color 使用的背景顏色。background image 使用的背景影象。background repeat 如何重複背景影象。background attachment 背景影象是否固定或者隨著頁面的其餘部分滾動。background position 背景影象的位置。c...

總結的CSS簡寫表

總結的css簡寫表 css中有許多簡寫方式，可能平時大家注意不到。簡寫可以有效的減少css 量，提高網頁載入速度和節約伺服器流量。我想，對於這些簡寫方式，還是很有必要總結一下 分類1 margin padding div 可以簡寫成 div div 可以簡寫成 div div 可以簡寫成 div d...

CSS 的簡寫 新手必看

1.顏色的簡寫 十六進製制形式 如 rrggbb rgb函式值形式 如 rgb x,x,x x 有兩種寫法,一種是0程式設計客棧 255之間整數,另一種是百分號形式 如 20 顏色名稱 如 red green 使用者系統色盤值 如windowtext background 2.單位值的省略 當數值為...