G5德軍

一、CSS(同HTML是標記語言)

1.作用

（1）用于設置HTML,美化網頁，布局頁面

（2）結構HTML與樣式CSS相分離

2.CSS局限性

只關注語意

3.CSS語法規范

（1）構成①選擇器②一條/多條聲明

  (2)語法結構

4.代碼風格

二、CSS的基礎選擇器

1.作用

選擇標簽

2.分類

（1）標簽選擇器  ①格式：標簽名  { 屬性} ②缺點：無法實現差異化

（2）類選擇器     ①格式：.類名   {屬性}    ②特點：多類名

（3）id選擇器　  ①格式： #id名 {屬性}     ②特點：只能調用一次（類似于身份證號）

（4）通配符選擇器①格式：* {屬性}          ②特點：自動全改，不需要調用   

三、CSS字體屬性

1.字體大小

　　格式:font-size:10px;

2.字體

　　格式:font-family:Malgun Gothic

3.粗細

　　格式:font-weight:700;

注意:normal=400:不加粗;

4.文字樣式

　　格式:font-style:

　　italic傾斜,normal不傾斜

四、文本屬性

1.文字顏色

　　預定義的顏色值:red,green

　　十六進制:#FF0000

　　RGB代碼：rgb(255,0,0)或rgb(50%,10%,10%)

2.對齊文本

格式: text-align:center    (水平對齊 left,right,center)

 3.裝飾文本

格式:text-decoration

 4.文本縮進

　　text-indent:2em;

5.行間距(上間距+下間距)

　　line-height:

五、CSS的引入方式（書寫位置）

1.CSS的三種樣式表

①行內樣式表（行內式，優先級最高）

　　格式:<div style="color:pink;">摘一顆蘋果</div>

　　使用場景:修改簡單樣式

②內部樣式表（嵌入式）

　　放在CSS內部，抽取出來，放到CSS中

　　優點：可以控制整個HTML頁面，代碼結構很清晰

　　缺點：沒有完全分離

③外部樣式表（鏈接式）

　　（1）使用場景:樣式復雜

　　（2）單獨建一個CSS樣式表，再引入HTML文件中

　　（3）步驟

               建立CSS文件，把所有CSS放到這個文件

　　　　用<link>標簽引入

 六、調試工具

1.作用

　　測試、調試、排錯

2.打開方式

（1）F12

（2）空白處右鍵→檢查