CSS樣式規則

首先需要了解CSS樣式規則，具體格式如下：

1.選擇器用於指定CSS樣式作用的HTML物件，花括號內是對該物件設定的具體樣式。
2.屬性和屬性值以“鍵值對”的形式出現。
3.屬性是對指定的物件設定的樣式屬性，例如字型大小、文字顏色等。
4.屬性和屬性值之間用英文“:”連線。
5.多個“鍵值對”之間用英文“;”進行區分。

選擇器（重點）

CSS基礎選擇器

標籤選擇器（元素選擇器）

標籤選擇器是指用HTML標籤名稱作為選擇器，按標籤名稱分類，為頁面中某一類標籤指定統一的CSS樣式。

標籤選擇器 可以把某一類標籤全部選擇出來 div span 。例如：

span{width: 100%;
    height: 40px;
    background-color: #333;
    font-size: 12px;
display:inline-block}    

類選擇器

類選擇器使用“.”（英文點號）進行標識，後面緊跟類名，其基本語法格式如下：

.container{
            width: 1226px;
            height: 40px;
            margin: auto;
            position: relative;
            }

標籤呼叫的時候用 class=“類名”  即可。

<div class="container">   </div>

類選擇器最大的優勢是可以為元素物件定義單獨或相同的樣式。 可以選擇一個或者多個標籤

tips: 

1.長名稱或片語可以使用中橫線來為選擇器命名。
2.不建議使用“_”下劃線來命名CSS選擇器。3.不要純數字、中文等命名， 儘量使用英文字母來表示。

多類名選擇器

我們可以給標籤指定多個類名，從而達到更多的選擇目的。

<div class="gome_logo layout">

注意：

1. 樣式顯示效果跟HTML元素中的類名先後順序沒有關係,受CSS樣式書寫的上下順序有關。
2. 各個類名中間用空格隔開。

id選擇器

id選擇器使用“#”進行標識，後面緊跟id名，其基本語法以及使用格式如下：

#top{
            height: 70px;
            font-size: 14px;
            color: #FFFFFF;
            padding-left: 19px;
            padding-right: 19px;
    }

ID選擇器使用：
<div ID=“top”> </div>

該語法中，id名即為HTML元素的id屬性值，大多數HTML元素都可以定義id屬性，元素的id值是唯一的，只能對應於文件中某一個具體的元素，用法基本和類選擇器相同 。id選擇器和類選擇器最大的不同在於使用次數上。

萬用字元選擇器

萬用字元選擇器用*號表示，他是所有選擇器中作用範圍最廣的，能匹配頁面中所有的元素。其基本語法格式如下：

*{
    padding: 0;
    margin: 0;
}

例如上面的程式碼，使用萬用字元選擇器定義CSS樣式，清除所有HTML標記的預設邊距。