CSS語法總結

2021-09-18 00:07:55 字數 1957 閱讀 3584

在學習css的過程中,了解並掌握css的語法是至關重要的,在這裡總結一下相關的語法。

css **

選擇器
有三種方式,分別為:行內樣式,內部樣式,外部樣式。

直接寫在html標籤內,寫於style屬性當中

寫在頭部標籤內,置於style標籤內部

在head中用link標籤引入,置於css檔案中

css **

.exp
css **

.exp
在寫法上,瀏覽器的私有屬性放在前面,標準屬性放在後面。

私有屬性需要加字首:加-webkit-,加-moz-,加-ms-,加-o-。

1、空格 數量與順序必須保持一致

合法值:

12px arial

不合法值:

12px 或者 arial 12px

2、&& 數量必須一致,順序隨意
&&合法值:

green 2px 或者 2em blue

不合法值:

blue 或者 5em

3、|| 必須出現乙個,順序無關
underline||overline||linethrough||blink

合法值:

underline 或者 overline underline

4、| 只能出現乙個
|transparent

合法值:

#123456 或者 transparent

不合法值:

#aabb33 transparent

5、 分組作用,作為整體
bold [thin||]     合法值:

bold thin 或者 bold 3px

1、無
只能出現一次

合法值:

1px 或者 10em

不合法值:

1px 3em 5px

2、+ 可以出現一次或多次
[,]+

合法值:

#fff,red,yellow 或者 blue,red 50%,black

不合法值:

#123456

3、? 可出現,也可不出現
inset?&&合法值:

inset #123445 或 #abcd33

4、{} 基本元素可以出現幾次(最少出現幾次,最多出現幾次)
最少出現兩次,最多出現四次

合法值:

1px 3em 或者 1px 3px 5em

不合法值:

3px

5、* 可以出現0次,1次或者多次
[,]*

合法值:

1s 出現0次

1s,5ms 出現1次

6、# 出現1次或多次,中間用」,"隔開
#    相當於    [,]*

合法值:

2s,4s,8s

不合法值:

2s 4s

1、@識別符號 ***;

2、@識別符號 ***{}@media 響應式布局

@keyframe 描述動畫的中間步驟

@font-face 引入外部字型

CSS 語法總結

樣式檔案的語法規則很簡單,有選擇器和樣式屬性組成,即 selector css 中基本的選擇器 名稱選擇器 例子例子含義 通用選擇器 頁面中所有元素都被設定為綠色,2em字型大小 標籤選擇器sp 所有標籤中的元素都被設定為3em字型大小 class選擇器 value 或者 s.value qd 所有...

常用CSS縮寫語法總結

常用css縮寫語法總結 顏色 16進製制的色彩值,如果每兩位的值相同,可以縮寫一半,例如 000000 可以縮寫為 000 336699 可以縮寫為 369 盒尺寸 通常有下面四種書寫方法 property value1 所有邊都是乙個值value1 property value1 value2 表...

常用CSS縮寫語法總結

顏色16進製制的色彩值,如果每兩位的值相同,可以縮寫一半,例如 000000可以縮寫為 000 336699可以縮寫為 369 盒尺寸通常有下面四種書寫方法 方便的記憶方法是順時針,上右下左。具體應用在margin和padding的例子如下 margin 1em 0 2em 0.5em 邊框 bor...