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.通用選擇器 不管什麼...