CSS之爲網頁添加樣式

爲網頁添加樣式

術語解釋

 h1{
        color: #ff0000;
        background-color: black;
        text-align: center;
    }

CSS規則 = 選擇器 + 生命塊

選擇器

選擇器： 選中元素

1. ID選擇器：選中的是對應id值的元素
2. 元素選擇器
3. 類選擇器

聲明塊

出現在大括號中

聲明塊中包含很多聲明（屬性），每一個聲明（屬性）表達了某一方面的樣式。

CSS代碼書寫位置

1. 內部樣式表

書寫在style元素中

2. 內聯樣式表，元素樣式表

直接書寫在元素的style屬性中

3. 外部樣式表[推薦]

將樣式書寫到獨立的css文件中。

1). 外部樣式可以解決多頁面樣式重複的問題
2). 有利於瀏覽器緩存，從而提高頁面響應速度
3). 有利於代碼分離（HTML和CSS）, 更容易閱讀和維護