CSS語法手冊(六)分類屬性

2021-04-17 06:41:50 字數 1100 閱讀 6609

>1、display

功能:改變元素的顯示值,可以將元素型別線上,塊和清單專案相互變換。

數值:none - 不顯示元素

block - 塊顯示,在元素前後設定分行符

inline - 刪除元素前後的分行符,使其併入其它元素流中

list-item - 將元素設定為清單中的一行

說明:可用 display 屬性值生成插入標題和補加清單或讓圖形變成線上顯示。

2、white-space

功能:控制元素內的空白。

數值:normal - 不改變,保持預設值,在瀏覽器頁面長度處換行。

pre - 要求文件顯示中採用源**中的格式。

nowarp - 不讓訪問者在元素內換行。

3、list-style-type

功能:指定清單所用的強調符或編號型別

數值:none - 無強調符

disc - 碟形強調符(實心圓)

circle - 圓形強調符(空心圓)

square - 方形強調符(實心)

decimal - 十進位制數強調符

lower-roman - 小寫羅馬字強調符

upper-roman - 大寫羅馬字強調符

lower-alpha - 小寫字母強調符

upper-alpha - 大寫字母強調符

例子:

4、list-style-image

功能:用於將清單中標準強調符換成所選的圖形

數值:無圖形

url - 圖形url位址

例子:

5、list-style-position

功能:用於設定強調符的縮排或伸排,這個屬性可以讓強調符突出於清單以外或與清單專案對齊。

數值:inside - 縮排,將強調符與清單專案內容左邊界對齊

outside - 伸排,強調符突出到清單專案內容左邊界以外

6、list-style

功能:簡寫屬性,將所有清單屬性放在一條語句中。

數值:list-style-type

list-style-position

list-style-image

這些值的細節見各個屬性部分。

例子:

CSS語法手冊(六)分類屬性

css語法手冊 六 分類屬性 動態網製作指南 knowsky.1 display 功能 改變元素的顯示值,可以將元素型別線上,塊和清單專案相互變換。數值 none 不顯示元素 block 塊顯示,在元素前後設定分行符 inline 刪除元素前後的分行符,使其併入其它元素流中 list item 將元...

Ubuntu12 04 Nvidia顯示卡六分屏問題

昨晚性質衝衝的更新了ubuntu12.04,結果一開機傻眼了,原來螢幕變成了六個一模一樣的分屏,每個都小的看不清,一時高漲的熱情被潑了一盆冷水,真鬱悶。沒轍,心想肯定是nvidia顯示卡驅動的問題,就瞪大了眼睛愣是在六個小分屏下面把nvidia顯示卡驅動解除安裝了,重啟,果然恢復正常。google之...

git實踐系列六 分支

git強大之處就是分支的快速切換,那麼分支怎麼理解呢?git 中的分支,其實本質上僅僅是個指向 commit 物件的可變指標。git 會使用 master 作為分支的預設名字。在若干次提交後,你其實已經有了乙個指向最後一次提交物件的 master 分支,它在每次提交的時候都會自動向前移動。摘自git...