0322css樣式表,選擇器

2022-07-27 01:15:13 字數 1618 閱讀 6999

css樣式表

內聯樣式表:內聯樣式表

內嵌樣式表:必須寫在head標籤裡面。

外部樣式表: 新建乙個css檔案,用來放置樣式表。如果要在html檔案中呼叫樣式表,需要在html檔案中點右鍵→css樣式表→附加樣式表。一般用link連線方式。

例如:源**

王策最帥,人人都愛

css檔案:

@charset "utf-8";

/* css document */

效果圖選擇器

1.標籤選擇器。用標籤名做選擇器。

2.class選擇器。都是以「.」開頭。

3.id選擇器。以「#」開頭。

4.復合選擇器

(1)用「,」隔開,表示並列。

(2)用空格隔開,表示後代。

(3)篩選「.」。

樣式屬性;

(一)背景與前景

1.背景:

2.前景字型:

(二)邊界和邊框

border(**邊框、樣式等)、margin(表外間距)。padding(內容與單元格間距)。

(三)列表與方塊

widthheight、(topbottomleftright)只有在絕對座標情況下才有用。

鏈結的style

a:link超連結被點前狀態

a:visited超連結點選後狀態

a:hover懸停在超連結時

a:active點選超連結時

在定義這些狀態時,有乙個順序l v h a

css樣式表 樣式表分類 選擇器

一 樣式表分三類 1.內聯樣式表。放在元素的開始標記中。只對當前元素起作用。例 結果 2.內嵌樣式表。放在頁面的中間。可以對整個頁面。你好 執行結果 3.外部樣式表。放在乙個單獨的.css樣式表檔案中。可以對整個 操作 新建乙個css檔案,用來存放樣式表 在html中呼叫樣式表,要在html中右鍵 ...

CSS樣式表與選擇器

html解題思路 1 先大致寫出html框架,即定義內容部分。2 然後根據需要寫對應的css樣式,即定義表現部分。3 根據需要可將css檔案定義在外部,用鏈結樣式表或匯入樣式表將外部css檔案引入到當前頁面,實現了表現與內容的分離。css樣式選擇器分類 1 標籤選擇器。2 類選擇器。3 id選擇器。...

CSS 樣式表與選擇器

3,樣式表特點 4,選擇器分類 4 群組選擇器 為一組元素統一設定樣式 5 後代選擇器 空格表示後代 在選擇器 中查詢所有滿足選擇器 的元素 6 子代選擇器 匹配滿足選擇器的所有直接子元素 7 偽類選擇器 為元素的不同狀態分別設定樣式,5,選擇器的優先順序 借助於style標籤屬性,書寫樣式宣告 樣...