css：cascading style sheet 層疊樣式表
是一組樣式設定規則，用於控制頁面的外觀樣式
>
>
選擇器style
>
head
>
也稱為css 引用樣式，有三種方式：內部樣式、行內標籤、外部標籤
2.1 內部樣式
也稱為內嵌樣式，在頁面頭部通過style標籤定義
對當前頁面中所有符合樣式選擇器的標籤都起作用
2.2 行內樣式
也稱為嵌入樣式，使用html標籤的style屬性定義
只對設定style屬性的標籤起作用
2.3 外部樣式
使用單獨的css檔案來定義，然後在頁面的指定位置使用link標籤或@import指令引入
案例：rel=@import指令匯入外部樣式檔案"stylesheet"
tyype
="css樣式檔案的路徑"
>
>@import "css樣式檔案的路徑"；
@import url(css樣式檔案的路徑)；
style
>
1、基礎選擇器
1.1 標籤選擇器
也稱為元素選擇器，使用html標籤作為選擇器名稱
以標籤名作為樣式應用的依據
1.2 類標籤
使用自定義名稱，以.開始作為字首，然後通過html標籤的class屬性呼叫類選擇器
以標籤的class屬性作為樣式應用的依據
注意事項：
1.3 id選擇器
使用自定義名稱，以#號作為字首，然後通過html標籤中的id屬性值進行名稱匹配
以標籤的id屬性作為樣式應用的依據，一對一的關係
案例：2、複雜選擇器
2.1 復合選擇器
標籤選擇器和類選擇器、標籤選擇器和id選擇器，一起使用
必須同時滿足兩個條件才能應用樣式
2.2 組合選擇器
也稱為集體宣告
將多個具有相同樣式的選擇器放在一起宣告，使用逗號隔開
2.3 巢狀選擇器
在某個選擇器內再設定選擇器，通過空格隔開
只滿足層次關係最裡層的選擇器所對應的標籤才會應用樣式
注意：使用空格時不區分父子還是後代，使用css3中新增的>時必須是父子關係才行
複雜選擇器案例：
2.4 偽類選擇器
根據不同的狀態來顯示不同的樣式，一般多用於標籤
四種狀態：
案例：2.5 偽元素選擇器
:first-lentter為第乙個字元新增樣式
:first-line為第一行新增樣式
:before在元素內容的最前面新增內容，需要配合content屬性使用
:after在元素內容的最後面新增內容，需要配合content屬性使用
案例：3、選擇器的優先順序
3.1 優先順序
行內樣式》id選擇器》類選擇器》標籤選擇器
原因：首先載入標籤選擇器，再載入類選擇器然後載入id選擇器，最後載入行內樣式
3.2內外部樣式載入順序
就近原則
原因：按照書寫順序依次載入，在同優先順序的前提下，後面載入的會覆蓋前面載入的同名樣式，所以離的越近越優先
3.3 !important
可以使用!important使某個樣式有最高的優先順序
選擇器的優先順序案例：
samba學習筆記及案例
一 安裝軟體 samba伺服器軟體包 rpm ivh samba 3.0.23c 2.i386.rpm samba客戶端工具 rpm ivh samba client 3.0.23c 2.i386.rpm 通用工具和庫 rpm ivh samba common 3.0.23c 2.i386.rpm ...
CSS學習筆記1
css指層疊樣式表 cascading style sheets css定義如何顯示html元素。樣式通常儲存在樣式表中。所有主流瀏覽器均支援層疊樣式表。當有多個樣式的時候，是按照這樣的優先權確定文件的樣式的 內聯樣式 在html元素內部 內部樣式表 位於標籤內部 外部樣式表，瀏覽器預設設定。css...
css學習筆記1
本次學習通過 學習 css 規則由兩個主要的部分構成 選擇器，以及一條或多條宣告。selector選擇器通常是您需要改變樣式的 html 元素。每條宣告由乙個屬性和乙個值組成。屬性 property 是您希望設定的樣式屬性 style attribute 每個屬性有乙個值。屬性和值被冒號分開。通過依...