css概念
css規則
p
內斂式
style
="width
: 100px;
height
: 100px;
font-size
: 14px;
">
盒子div
>
內嵌式內嵌式特點
優點
缺點
外聯式
外聯式引用
屬性名屬性值說明
rel「stylesheet」
表示引入的外部檔案與thml之間的關係，樣式表
href
「css檔案路徑」
hypertext reference，超文字引用
type
「text/css」
表示載入時**按照純文字形式的css**載入，html5中該屬性可不寫
外聯式優點
實現了html和css完全分離
多個html檔案可以共用乙個css檔案，便於提取公共css，減少**量
可以實現乙個css變化，多個html頁面同時變化，減少工作量
乙個html檔案可以引入多個css檔案，可以實現同乙個頁面中css**分層
匯入式匯入式問題
實際應用
css樣式規則
注意
css注釋語法
/*注釋內容*/文字三屬性-color
文字三屬性-字型font-family
文字三屬性-font-size
注意事項
實際應用
實體化屬性
屬性名屬性值
說明width
px單位的數值
定義元素占有的寬度
height
px單位的數值
定義元素占有的高度
background-color
顏色名、顏色值
定義元素的背景顏色
選擇器
標籤選擇器
標籤選擇器特點
id選擇器
id選擇器的特點
類選擇器
類選擇器的特點
多個不同的標籤，不區分標籤型別，只要class屬性值相同，都可以被同乙個類選擇器選中
乙個標籤的class屬性可以有多個屬性值，值之間用空格分割，每個屬性值組成的選擇器，都可以選中這乙個標籤，每個選擇器後面的樣式都會新增給同乙個標籤
類選擇的特殊應用
類選擇器的優點
通過乙個類選擇器進行多選，選中多個標籤，新增公共樣式
乙個標籤可以被多個類選擇器選中，可以將所有樣式進行分離，分別提取公共樣式和單獨樣式，節省**量
實際工作中，通常我們有乙個使用規律，類上樣式，id上行為
萬用字元選擇器
萬用字元的特點賀應用
後代選擇器
後代選擇器特點
交集選擇器
交集選擇器更多寫法
並集選擇器
並集選擇器用途
如果多個標籤有公共樣式，但是不能用乙個選擇器選中，可以使用並集寫法
可以使用標籤選擇器的並集寫法，進行預設樣式的清除，替換萬用字元的功能
繼承性
繼承性應用
層疊性判斷方法
選中目標標籤
比較多個選擇器的權重，權重高的層疊權重低的
如果選擇器的權重相同，需要比較css中**的書寫順序，後寫的層疊先寫的
選中目標標籤的祖先級
比較就近原則，比較選擇器選中的祖先級的html結構中距離目標標籤的遠近，近的層疊遠的
如果選中的祖先級距離目標一樣近（同乙個祖先級），比較選擇器權重，權重大的層疊小的
如果距離一樣近，權重也相同，最後比較css中的書寫順序，後面的層疊前面的
！important關鍵字
行內式權重
CSS語法基礎CSS語法基礎1 基本語法
css語法基礎css語法基礎1.基本語法 css的定義是由三個部分構成 選擇符 selector 屬性 properties 和屬性的取值 value 基本格式如下 selector 選擇符 選擇符是可以是多種形式，一般是你要定義樣式的html標記，例如body p table 你可以通過此方法定義...
CSS基礎語法
css 語法由三部分構成 選擇器 屬性和值 selector選擇器 selector 通常是你希望定義的 html 元素或標籤，屬性 property 是你希望改變的屬性，並且每個屬性都有乙個值。屬性和值被冒號分開，並由花括號包圍，這樣就組成了乙個完整的樣式宣告 declaration body上面...
CSS 基礎語法
css 規則由兩個主要的部分構成 選擇器，以及一條或多條宣告。selector選擇器通常是您需要改變樣式的 html 元素。每條宣告由乙個屬性和乙個值組成。屬性 property 是您希望設定的樣式屬性 style attribute 每個屬性有乙個值。屬性和值被冒號分開。selector下面這行 ...