總結的css簡寫表:
css中有許多簡寫方式,可能平時大家注意不到。簡寫可以有效的減少css**量,提高網頁載入速度和節約伺服器流量。我想,對於這些簡寫方式,還是很有必要總結一下:
分類1:margin & padding
#div
可以簡寫成:
#div
————————————————————
#div
可以簡寫成:
#div
————————————————————
#div
可以簡寫成:
#div
————————————————————
#div
可以簡寫成:
#div
++++++++++++++++++++
分類2:border
#div
可以簡寫成:
#div
————————————————————————
#div
可以簡寫成:
#div
————————————————————————
#div
可以簡寫成:
#div
————————————————————————
分類3:background
#div
可以簡寫成:
#div
+++++++++++++++++++++++++
分類4:font
#div
可以簡寫成:
#div
+++++++++++++++++++++++++++
分類5:list
#div
可以簡寫成:
#div
+++++++++++++++++++++++++++
分類6:color
aqua: #00ffff to #0ff
black: #000000 to #000
blue: #0000ff to #00f
dark grey: #666666 to #666
fuchsia:#ff00ff to #f0f
light grey: #cccccc to #ccc
lime: #00ff00 to#0f0
orange: #ff6600 to #f60
red: #ff0000 to #f00
white: #ffffff to #fff
yellow: #ffff00 to #ff0
css常用簡寫總結
css的簡寫使 精簡,而且書寫方便,常用的屬性包括以下 示例 border width 1px border style solid border color f00 簡寫為 border 1px solid f00 說明 border還可以單獨設定top,right,bottom,left每條邊的...
css中的簡寫
這是第三遍翻看 css那些事兒 了,這本書也是我學習前端的第一本書。這次摘錄了一些關於css的簡單又容易忘記的知識點,以便查閱。希望慢慢可以寫積累更多好的博文。1.顏色 css中有四種顏色表現方式 我最常用的是前三種 ppp p 2.邊框的簡寫 div 簡寫成 div 類似於padding和marg...
css的背景的簡寫
background color 使用的背景顏色。background image 使用的背景影象。background repeat 如何重複背景影象。background attachment 背景影象是否固定或者隨著頁面的其餘部分滾動。background position 背景影象的位置。c...