HTML基礎2css樣式表

2021-09-08 21:28:03 字數 795 閱讀 7303

1.內部樣式

2.外部樣式

3.行內樣式

4.css語法

selector
每個css樣式由3個部分組成,選擇器,屬性和值。

屬性必須放在{}內,屬性和屬性值用冒號連線。

(1)標籤選擇器

元素名稱

使用結構中的元素名稱作為選擇器。例如body,div,p,img等。

(2)id選擇器

#id名

乙個id名稱只能對應文件中的乙個具體元素物件。

(3)class選擇器

.class類名

class選擇器更適合定義一類樣式

(4)交集選擇器

選擇器1選擇器2

–標籤選擇器+類選擇器

–標籤選擇器+id選擇器

(5)並集選擇器

選擇器1,選擇器2,選擇器3

(6)後代選擇器

選擇器1 選擇器2

選擇器1和選擇器2用空格隔開,含義就是選擇器1包含的所有選擇器2

(7)子選擇器

選擇器1>選擇器2

選擇器1和選擇器2用》號連線,含義就是選擇器1中的所有子一級選擇器2

(8)偽類選擇器

a:link超連結的初始狀態

a:visited超連結被訪問後的狀態

a:hover滑鼠懸停,劃過超連結時的狀態

a:active超連結被啟用時的狀態

CSS樣式表基礎

css的樣式表其實就是美觀頁面的,加一些樣式。一 樣式表的三種分類 內聯樣式 寫在某乙個標籤裡面的樣式。優點 控制精確。缺點 重用性差。太多了不好寫 頁面 亂。太亂,後期不方便看 優先順序最高!內嵌樣式 嵌在某乙個頁面裡的。是寫在裡面,專門用來寫樣式 需要新增乙個標籤 優先順序其次!外部樣式表。優點...

HTML複習筆記 CSS樣式表

css 用於設計網頁的排版 建立css樣式表 css樣式表由選擇器與樣式規則組成。所謂選擇器,可以是html中的標記 最常用 class屬性,或者id屬性,例如 h1乙個選擇器中可以設定多種不同的規則,中間用分號分隔。範例 應用css樣式表 三種方式 1 行內宣告,即直接將css樣式寫在html標記...

HTML靜態網頁 css樣式表

css cascading style sheet,疊層樣式表 作用是美化html網頁。注釋區域 此為注釋語法 一 樣式表 一 樣式表的分類 1.內聯樣式表 和html聯合顯示,控制精確,但是可重用性差,冗餘較多。例 內聯樣式表 2.內嵌樣式表 作為乙個獨立區域內嵌在網頁裡,必須寫在head標籤裡面...