前端基礎之css

css 規則由兩個主要的部分構成：選擇器，以及一條或多條宣告。

'''

selector 
'''

2.1、行內式

行內式是在標記的style屬性中設定css樣式。這種方式沒有體現出css的優勢，不推薦使用。

hello michael

嵌入式是將css樣式集中寫在網頁的標籤對的標籤對中。

格式如下：

將乙個.css檔案引入到html檔案中

將乙個獨立的.css檔案引入html檔案中，匯入式使用css規則引入外部css檔案，

注意：匯入式會在整個網頁裝載完後再裝載css檔案，因此這就導致了乙個問題，如果網頁比較大則會兒出現先顯示無樣式的頁面，閃爍一下之後，再出現網頁的樣式。這是匯入式固有的乙個缺陷。使用鏈結式時與匯入式不同的是它會以網頁檔案主體裝載前裝載css檔案，因此顯示出來的網頁從一開始就是帶樣式的效果的，它不會象匯入式那樣先顯示無樣式的網頁，然後再顯示有樣式的網頁，這是鏈結式的優點。

3.1、基本選擇器

3.2、組合選擇器

e,f   多元素選擇器，同時匹配所有e元素或f元素，e和f之間用逗號分隔      :div,p 

e f 後代元素選擇器，匹配所有屬於e元素後代的f元素，e和f之間用空格分隔 :li a 
e + f 毗鄰元素選擇器，匹配所有緊隨e元素之後的乙個同級元素f :div + p 
e ~ f 普通兄弟選擇器（以破折號分隔），匹配e元素之後所有同級元素f :.div1 ~ p

一般，塊級元素可以包含內聯元素或某些塊級元素，但內聯元素不能包含塊級元素，它只能包含其它內聯元素。

需要注意的是：p標籤裡不能包含塊級標籤。

3.3、屬性選擇器

[att]          匹配所有具有att屬性的標籤，不考慮它的值只要有這個屬性就能匹配。

比如：[class] 
e[att=val] 匹配所有e標籤裡有att屬性等於「val」的標籤，完整匹配 
比如：div[class=」error」] 
e[att~=val] 匹配所有e標籤裡有att屬性具有多個空格分隔的值、
其中乙個值等於「val」的標籤
比如：div[class~=」name」] 
e[attr^=val] 匹配所有e標籤裡有屬性值以指定值開頭的標籤 
比如：div[class^="test"]
e[attr$=val] 匹配所有e標籤裡有屬性值以指定值末尾的標籤 
比如：div[class$="test"]
e[attr*=val] 匹配所有e標籤裡有屬性值中包含指定值的標籤 
比如：div[class*="te"]

前端基礎之CSS

目錄css查詢標籤之基本選擇器 css查詢標籤之組合選擇器 屬性選擇器 分組與巢狀 d1,c1,span 注釋內容 eg 大標題 導航條樣式 登入框樣式 特點是方便檢視 最常用的方式 因將html和css柔和到一起，增加了耦合度，不推薦使用 直接通過標籤名查詢標籤 通過標籤的class屬性查詢標籤 ...

前端基礎HTML基礎之CSS

一 id選擇器 class選擇器 標籤選擇器 屬性選擇器 組合選擇器 設定css樣式有三種，第一種是通過在head中style定義選擇器，寫css樣式 第二種通過在標籤中新增屬性的方式定義css樣式 style background color black 第三中方式通過定義css樣式表 三種樣式定...

前端基礎之CSS（總結）

css學什麼?主要學習選擇器和屬性，選擇器是去找到標籤的位置，屬性是給標籤增加需要的樣式。css選擇器 1.基本選擇器 1.標籤選擇器 2.id選擇器 3.類選擇器 class c1 c2 2.通用選擇器 3.組合選擇器 1.後代選擇器 空格 2.兒子選擇器 3.毗鄰選擇器 div p 用的時候感覺...