style簡介
這篇介紹style，style有三種方式：
1、在head中加style標籤，在標籤中寫css樣式；
2、在body的標籤中新增style屬性，在屬性中增加css樣式；
3、在link標籤中引入寫好的css樣式表
一、在head中新增style標籤
1、id選擇器
在乙個html頁面中，不存在相同的id。
id選擇器用#來定位
舉例：
"en分析：（1）在head部分，用style標籤寫css樣式；">"
i1">
（2）#i1指向了id為「i1」的標籤，樣式是長和寬為100畫素，背景顏色是紅色；
（3）body中div標籤的屬性 id="i1"，執行後會按照標籤的樣式展示，如下圖。
通過瀏覽器可以看到div的修飾。按f12開啟開發者模式。
2、class選擇器
在乙個html頁面中，可以存在重複的class。
class標籤用點來定位。
舉例：
"en執行結果：">class="
c1">
3、標籤選擇器
如果我們在style裡給div新增css樣式，那麼所有的div標籤都會按照這個樣式顯示。
舉例：
"en分析：在style裡給div標籤新增一定的樣式，那麼body中所有的div標籤都會按照這個樣式顯示。">class="
c1">
執行結果如下：
4、標籤層級選擇器
上面介紹的都是只有一級的標籤，如果在div標籤下有乙個span標籤，那麼怎麼給span標籤新增樣式呢。非常簡單，看下面的例子。
"en分析：只要在修飾的時候，一級標籤+空格+二級標籤即可">
執行結果為：
5、id層級選擇器
原理同上，只需在定位標籤是，在id後面+空格+下一級標籤
執行結果為：
因為span標籤不是塊級標籤，只佔本行內容的大小，因此實際看起來只有背景顏色生效了。
6、class層級選擇器
同上，不再具體描述，樣式如下圖
7、對不同id標籤進行同一種修飾
對id為i1,i2和i3的進行相同的修飾，如下。在style中用逗號隔開。
"en執行結果為：">"
i1">"i2
">"i3
">
8、對不同class標籤進行同一種修飾
同上，如下圖
9、對標籤中的屬性進行修飾
例如，，要求對name這個屬性進行修飾。在div後面用中括號把屬性括起來即可，如下。
"en執行結果：">"
bky">
二、在body的標籤中新增style屬性
如下所示，在div標籤中新增style屬性，不同的修飾之間用分號分隔。
"en執行結果為：">class="
c1" style="
background-color: blue;height: 100px;width: 100px
">
三、在link標籤中引入寫好的css樣式表
1、首先介紹css樣式表，在相應的資料夾下點選右鍵，選擇new--stylesheet
在css檔案中填寫樣式也非常簡單，和前面的介紹的一樣，如下圖
2、建好了css樣式表，下面匯入
我的css檔案名字為：部落格.css
匯入方式就是link的屬性rel="stylesheet",href=css的位址，如下
"en執行結果為：">class="
c1">
四、標籤優先順序
如果上面3鐘方式都設定了css屬性，那麼該按照哪個樣式展示呢？
答案是以標籤為基準，從下到上依次查詢。也就是從近到遠。
舉例：
"en分析：上述**在3個位置設定了css樣式，那麼從標籤div開始，從上到下依次是：">
class="
c1" style="
background-color: blue
";height="
100px
";width="
100px
">
（1）在div中新增的屬性，藍色
（2）style標籤中設定的樣式，紅色
（3）link標籤匯入的樣式，粉色（仍為前面的部落格.css，三1中的樣式）
那麼執行結果也就是藍色，如下：
我們可以通過以下方法直觀的檢視展示順序。
可以看到，如果把藍色去掉，展示紅色，把紅色去掉會展示粉色，按照由近至遠的順序。
初學HTML CSS常用選擇器
選擇器 瀏覽器通過選擇器為滿足條件的html元素新增css樣式 id選擇器 瀏覽器為 id標籤屬性的屬性值與 id選擇器名相同的標籤元素新增 css樣式 語法中使用的是 對應的id值 類選擇器 瀏覽器為 class標籤屬性的屬性值與 類選擇器名相同的標籤元素新增 css樣式，語法中使用的是 對應的c...
HTML CSS 偽類選擇器
這個也有意思 之前幾天學的，現在寫寫剛好複習 偽類是什麼？偽類用於定義元素的特殊狀態，比如滑鼠懸浮在按鈕上，按鈕顏色會變就是乙個例子。鏈結偽類選擇器 修改鏈結狀態的選擇器 注意 a hover必須在 css 定義中的a link和a visited之後，才能生效！a active必須在 css 定義...
CSS樣式選擇器
1.css 選擇器 1 標記選擇器 選擇器 用來指定確定標記的樣式 如 類別選擇器 class 類別名稱 如 對應的 class 選擇器 id選擇器 id id選擇器 如 對應的 id選擇器1id 選擇器2 2.集體宣告 對應的 集體宣告 h4集體宣告 h5集體宣告 p1集體宣告 p2集體宣告 p3...