CSS使用詳解

2021-03-31 08:56:57 字數 2518 閱讀 6312

目錄樣式型別(list style type)

說明:目錄樣式項屬性指定目錄項標記的型別,當目錄樣式影象值為none或當影象載入選項被關閉時使用。

語法:list-style-type: 《值》

允許值:

disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none

初始值:

disc

適用於:

帶有顯示值的目錄項元素

向下相容:

是 目錄樣式影象(list style image)

說明:當影象載入選項開啟時,目錄樣式影象屬性在指定目錄項標記使用哪個影象代替由目錄樣式型別屬性指定的標記。

語法:list-style-image: 《值》

允許值:

| none

初始值:

none

適用於:

帶有顯示值的目錄項元素

向下相容:

是目錄樣式位置(list style position)

說明:目錄樣式位置屬性可以取值inside(內部) or outside(外部),其中outside是預設值。

語法:list-style-position: 《值》

允許值:

inside | outside

初始值:

outside

適用於:

帶有顯示值的目錄項元素

向下相容:

是目錄樣式(list style)

說明:目錄樣式屬性是目錄樣式型別、目錄樣式位置,和目錄樣式影象屬性的略寫。

語法:list-style: 《值》

允許值:

《目錄樣式型別》 || 《目錄樣式位置》 ||

初始值:

未定義適用於:

帶有顯示值的目錄項元素

向下相容:

是顏色及背景屬性(color and background properties)

顏色(color)

說明:顏色屬性允許網頁製作者指定乙個元素的顏色。

語法:color: 《顏色》

初始值:

由瀏覽器決定

適用於:

所有物件

向下相容:

是背景顏色(background color)

說明:背景顏色屬性設定乙個元素的背景顏色。

語法:background-color: 《值》

允許值:

《顏色》 | transparent (透明)

初始值:

transparent (透明)

適用於:

所有物件

向下相容:

否背景影象(background image)

說明:背景影象屬性設定乙個元素的背景影象。

語法:background-image: 《值》

允許值:

《統一資源定位urls> | none (無)

初始值:

none (無)

適用於:

所有物件

向下相容:

否背景重複(background repeat)

說明:背景重複屬性決定乙個指定的背景影象如何被重複。值為repeat-x時,影象橫向重複,當值為repeat-y時影象縱向重複。

語法:background-repeat: 《值》

允許值:

repeat | repeat-x | repeat-y | no-repeat

初始值:

repeat

適用於:

所有物件

向下相容:

否背景附件(background attachment)

說明:背景附件屬性決定指定的背景影象是跟隨內容滾動,還是被看作油畫固定不動。

語法:background-attachment: 《值》

允許值:

scroll | fixed

初始值:

scroll

適用於:

所有物件

向下相容:

否背景位置(background position)

說明:影象位置屬性給出指定背景影象的最初位置。這個屬性只能應用於塊級元素和替換元素。

語法:background-position: 《值》

允許值:

[《百分比》 | 《長度》] | [top | center | bottom] || [left | center | right]

初始值:

0% 0%

適用於:

塊級及替換元素

向下相容:

否背景 (background)

說明:背景屬性是乙個更明確的背景-關係屬性的略寫。

語法:background: 《值》

允許值:

《背景顏色》 || 《背景影象》 || 《背景重複》 || 《背景附件》 || 《背景位置》

初始值:

未定義適用於:

所有物件

向下相容:

css 選擇器使用詳解

上下文選擇器 偽類選擇器 ui選擇器 選擇所有元素 例子 用法 idid因為是唯一的所有直接用 號即可定位 例子 用法 xx用.來定位class選擇器 例子 用法 h1h1標籤都將使用此css 例子ul liul li ul li ul li firstchild 只選擇第乙個元素 ul li nt...

CSS3 REM使用詳解

在頁面中設定字型,我們知道有常見的兩種,px 和 em.在web頁面製作中,我們一般使用 px 來設定我們的文字,因為他比較穩定和精確。但是這種方法存在乙個問題,當使用者在瀏覽器中瀏覽我們製作的web頁面時,他改變了瀏覽器的字型大小 雖然一般人不會去改變瀏覽器字型大小 這時會使用我們的web頁面布局...

css中position屬性使用詳解

css2.0的解釋 設定此屬性值為 absolute 會將物件拖離出正常的文件流絕對定位而不考慮它周圍內容的布局。假如其他具有不同 z index 屬性的物件已經佔據了給定的位置,他們之間不會相互影響,而會在同一位置層疊。此時物件不具有外補丁 margin 但仍有內補丁 padding 和邊框 bo...