css2三大樣式表

2021-10-05 02:31:41 字數 2337 閱讀 7788

html標籤可以分為幾種型別:

①按照是否換行來分:

行級元素(行內元素,不會獨佔一行);塊級元素(塊元素,獨佔一行)

②根據是否閉合來分: 完全閉合;自閉和(單閉合)

屬性:值;

顏色值(取值型別):1.單詞值,red。2.十六進製制顏色值,#000000 3.rgb,rgb(114,255,255) rgba(114,255,255,0.5)

網頁裡面的畫素單位:

css裡面設定寬高屬性的前提:當前元素必須是塊級元素。如果要給行級元素設定寬和高,必須轉化為塊級元素

基本樣式:

color:red;(color屬性控制字型顏色)

font-size: 20px;(控制字型大小) 預設的屬性值 larger x-larger small x-small 通常用px

font-family: serif; (設定字型系列)

width:200px;(設定塊級元素寬)

height:200px;(設定塊級元素高)

border:1px solid #000;(設定邊框的寬度,樣式,顏色。三個屬性值在表述的時候中間用空格隔開)

border-left:1px solid #000;

border-left-color:#000;

border-left-style:solid;

border-left-width:1px;

乙個塊級元素有四個邊框,四個方向的框均可以用這種方式進行設定(left,top,right,bottom)

font:italic bold 30px self ;

font-style:italic;(規定字型樣式)normal預設值,italic斜體,oblique傾斜,inherit從父元素繼承字型樣式。

font-weight:bold;(規定字型粗細)normal預設值,bold粗體,bolder更粗,lighter更細,數值,inherit

font-size:30px;(規定字型的大小)

font-family:self;(規定字型系列)

關於字型的設定可以一次設定它的樣式,也可以分別設定。

行內樣式的書寫位置:

"color:red;">div內容塊

css內嵌樣式:

* 代表所有元素選擇器,匹配網頁裡面的所有元素。

element,代表元素選擇器,匹配的是網頁裡面所有的同名元素。

class,代表類選擇器。使用「.」來匹配。

id選擇器,id設定成唯一值。使用「#」匹配。

子父選擇器。

子父元素之間是空格,表示匹配當前元素的所有後代元素。

子父元素之間是「>」,表示匹配當前元素的直接子元素。

復合選擇器。復合元素之間使用「,」分割。

注意:class,id命名的時候不要使用純數字,數字不要開頭,命名規則可以駝峰命名blocksmall或者帕斯卡命名blocksmall

內嵌樣式的書寫形式:

內嵌樣式選擇器的優先順序為:

外部樣式,通過在外部寫樣式表,然後引入網頁內部

外部樣式的引入,

①可以使用link標籤,可以在head或者body中寫引入語句,還可以在內嵌樣式裡面引入

②使用@import+外部樣式路徑,可以寫在內嵌樣式處。

外部樣式的書寫形式:

/*href屬性中是外部樣式表的路徑,可以是相對路徑,也可以是絕對路徑*/

/*不過不建議使用絕對路徑(帶碟符),當設計的網頁換裝置開啟時,可能會找不到外部樣式表*/

"stylesheet" href="./css/index.css"/>

外部樣式表的寫法和內嵌樣式相同,選擇器之間的優先順序也相同,只不過是把內嵌樣式的所有內容提取出來單獨放在了外部樣式表中而已。

①如果樣式之間沒有衝突:則樣式的優先順序是,樣式進行疊加:

行內 > 內嵌 >外部(內嵌樣式在外部樣式載入之後)

行內》 外部 >內嵌(內嵌樣式在外部樣式之前載入)

②如果樣式之間存在衝突,樣式優先順序是 樣式就近原則選取

行內》 內嵌 > 外部 (內嵌樣式在 外部樣式載入之後)

行內》 外部 >內嵌 (內嵌樣式在外部樣式之前載入)

CSS2 樣式表 屬性 內容

1 include source 語法 include source url url 取值 url url 使用絕對或相對 url 位址指定插入文件。假如該文件不存在,當前物件的內容將被顯示 說明 這個屬性插入另乙個文件到當前文件,取代當前物件的內容。插入文件的樣式屬性從當前物件繼承。對應的指令碼特...

CSS2樣式表 屬性 尺寸

1 height 語法 height auto length 取值 auto 預設值。無特殊定位,根據html定位規則分配 length 由浮點數字和單位識別符號組成的長度值 百分數。百分數是基於父物件的高度。不可為負數。請參閱 長度單位 說明 檢索或設定物件的高度。對於 img 物件來說,僅指定此...

CSS2 樣式表 屬性 內容

1 include source 語法 include source url url 取值 url url 使用絕對或相對 url 位址指定插入文件。假如該文件不存在,當前物件的內容將被顯示 說明 這個屬性插入另乙個文件到當前文件,取代當前物件的內容。插入文件的樣式屬性從當前物件繼承。對應的指令碼特...