標籤：元素選取器 round span size 不同 名稱 sheet html網頁 效果
全稱Cascading Style sheets ，中文名稱：層疊樣式表/階層式樣式表。CSS就是給我們的HTML網頁加樣式的東西，它可以讓我們的html網頁變得更加絢麗多彩，它有三種引入方式。
第一種內嵌式：直接寫在我們的html標籤裡面的，如: <div style="屬性：屬性值;"> </div> 這就是內嵌也叫嵌入。
第二種內聯寫法：在我們的html網頁裡面的head裡面添加一個style標記，然後在裡面寫，如：
<head>
<style>
div{
屬性:屬性值;
屬性:屬性值;
}
</style>
</head>
這就是內聯寫法。
第三種外聯寫法：是在html外部建立一個CSS檔案，在head裡面用LINK標記把他們關聯起來，然後直接在CSS檔案裡寫樣式，文法和前面兩種一樣。如：<link rel="stylesheet" href="路徑"/>
一般通常，我們都用第三種外聯寫法，這也是最常用最主流的寫法。
說完了引入方式，我們就再來說說元素/標記選取器吧，選取器的種類有很多：
標籤選取器： 標籤名{ 屬性：值； } 所有該類型的元素/標籤都會有效果。
id選取器： #id名{ 屬性：值；} 給標記取一個id名， 然後通過 #id名 把該想要改變的元素選取出來。但是一個html裡面的id名只能有一個，不能重複。
class選取器，也加類別選取器：類名 {屬性:值；} 在標籤中添加一個 class="類名" 然後用 .類名 把該元素選取中，class名可以重複多個可以，所以可以同時改變同類型和不同類型的多個同類名元素。
還有：屬性選取器 偽類別選取器 為元素選取器 後代選取器 子級選取器 並集選取器......
如果我們在寫樣式的時候，用同一種選取器的情況下，樣式重複了，就以從上往下的順序，樣式不重複的話都能受作用。如果選取器不同，樣式優先順序別就會不同：
！important > 內嵌 > id > class > 元素 > *萬用字元
淺談CSS，引入方式，選取器
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
