CSS層疊樣式表

2021-10-09 20:29:18 字數 1889 閱讀 4102

1.css是一種將樣式資訊與網頁內容分離的技術。

2.將外部css檔案關聯到當前html文件

href

="css檔案的url"

type

="text/css"

rel="stylesheet"

/>

在html文件中嵌入css檔案:

type

="text/css"

>

...style

>

3.css基本語法:

選擇器3.選擇器分類

4.html標記選擇器:網頁中任何乙個html標記都可以作為相應的標記選擇器的名稱。

5.類(class)標記器:使用者可以自定義選擇器名稱

.classname

class

="a1"

>

示例一div

>

class

="a2"

>

示例二div

>

class

="a3"

>

示例三div

>

為不同的div元素指定不同的class名

類選擇器的優先順序高於html標記選擇器

類名在html中可以重名

6.id選擇器:id名稱在html網頁中必須唯一,用來唯一標識乙個元素,通常利用id名來操作html元素。

#idname

"a1"

>

示例一div

>

"a2"

>

示例二div

>

"a3"

>

示例三div

>

盡量把乙個id只賦予乙個html標記

7.交集選擇器:由兩個選擇器直接連線構成,第乙個選擇器必須為標記選擇器,第二個選擇器為類選擇器或id選擇器,選擇器之間不能有任何字元,必須連續書寫。

8.並集選擇器:由兩個或兩個以上的選擇器構成,選擇器之間用逗號隔開,設定的樣式對每個選擇器都有效,作用是將相同樣式設定集中到乙個地方做一次定義。

9.後代選擇器:可以對巢狀在其他標記中的標記進行控制。巢狀外層的標記寫在前面,內層標記寫在後面,中間用空格隔開。

10.字型屬性:font-size,font-family,font-weight,font-style

11.文字屬性

12.列表屬性

13.顏色和背景屬性:color,background-color,background-image,background-repeat,background-position

14.區塊屬性:

padding:設定內邊距,即區塊邊框與內容之間的間距,它包括了top、right、bottom、和left4個屬性,分別用於設定上右下左方向的填充距離。

margin:設定外邊距,即區塊與周圍元素之間的間距,它包括了top、right、bottom、和left4個屬性,分別用於設定上右下左方向的填充距離。

float:讓文字環繞在乙個元素周圍

clear:禁止浮動元素出現在所屬物件旁邊

15.層屬性:用於定位盒子,允許盒子層疊。

16.滑鼠屬性:設定滑鼠的顯示形狀。

17.濾鏡屬性:對html中的物件設定一些特效,blur(模糊效果),alpha(透明度效果),glow(光暈效果)。

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.相鄰選擇器 如果需要選...

CSS層疊樣式表

html主要控制內容 css主要控制格式。樣式表是用來指定樣式資訊的句法機制。之所以將css稱為層疊樣式表,是因為它可以在3個層次上進行定義。內聯樣式表位於開始標籤中,其設定只對該元素起作用 文件樣式表位於文件的頭部區域,能夠作用於文件的整個主體。文件樣式表的說明是作為乙個 3.通用選擇器 不管什麼...