總結的CSS簡寫表

2022-02-26 01:42:56 字數 1386 閱讀 7816

總結的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...