層疊樣式表 CSS 學習筆記

2021-07-29 13:34:32 字數 802 閱讀 3264

1.css的基本用法

1.1 如何在html內插入樣式表

從樣式表的插入形式來看基本分為三種:

a. 內聯式樣式表: 直接寫在現有的html標籤中,如:

這裡是紅色文字

b. 嵌入式樣式表: 使用""標籤嵌入到html檔案的頭部種,如:

c. 外部式樣式表:樣式表外部檔案以[.css] 為副檔名,在內(不是在

1.2 使用外部式樣式表的優點

1.3 規則

樣式表由一些規則組成,瀏覽器將這些樣式表規則應用到相應的元素中。

說一下選擇符的分類:

選擇符分為一下幾種:

1. 型別選擇符(type selectors), 就是html文件中的元素。

2. 類選擇符(class selectors),例如:.warning 

3. id選擇符(id selectors),例如:#warning

4. 包含選擇符(descendant selectors,

5. 選擇萬用字元*,選定文件目錄樹(dom)中的所有型別的單一物件,利用通配選擇符可以為所有的元素定義統一的屬性。

例如:*

最常用的選擇符應該就是   類選擇符和id選擇符了,他們的差別主要幾種在下面幾點:

1. 類選擇符可以重複使用,並且可以用在任意元素上,使用任意次。

2. html內id屬性應該是唯一的,只有擁有該id的元素才會應用該樣式。

3. id選擇符的優先權高於類選擇。

CSS層疊樣式表學習筆記1

樣式表允許以多種方式規定樣式資訊。樣式可以規定在單個的 html 元素中,在 html 頁的頭元素中,或在乙個外部的 css 檔案中。甚至可以在同乙個 html 文件內部引用多個外部樣式表。主要有三種樣式表 外部樣式表 內部樣式表 內嵌樣式表,其中,內嵌樣式表擁有最高的優先權 1 內嵌樣式 內嵌樣式...

CSS層疊樣式表

一般說來所有樣式有下面的規則 第四個最有優先性 1 browser default 瀏覽器預設 2 external style sheet 外部樣式表 3 internal style sheet inside the 瀏覽器將從mystyle.css檔案中讀採樣式定義資訊,並根據它來格式化文件 ...

CSS(層疊樣式表)

一.css是增加html的樣式,擁有對網頁物件和模型樣式編輯的能力 1 在html中引入css有3種方式 1.外部樣式表 2.內部樣式表 3.內聯樣式表 2 css選擇元素的方式 1.元素選擇器 通過元素名字進行選擇 2.id選擇器 3.class選擇器 4.子元素選擇器 5.相鄰選擇器 如果需要選...