CSS屬性大全(三)

2021-09-13 02:56:12 字數 1304 閱讀 4865

visibility:隱藏標籤--hidden;**可以寫成visibility:類名;

display:不顯示標籤,也不占用控制項(none:隱藏;block:顯示;inline:兩個元素顯示同一水平線)

position:相對於瀏覽器位置(relative :相對位置;absolute:絕對位置;fixed:固定位置;這是一些常見的位置屬性值)

當屬性值為absolute的時候:可以調整top  bottom left right 也可以用auto

z-index:元素優先順序;數值越大優先順序越高

clip:rect(0px,60px,200px,0px);設定元素的形狀;如果overflow:visible是這個,就不起作用

overflow:設定滾動條(scroll:橫向縱向都有;hidden:隱藏;auto:自動;visible:預設)

cursor:更改游標屬性(auto、crosshair、default、e-resize、help、move、n-resize、ne-resize、nw-resize、pointer、progress、s-resize、se-resize、sw-resize、text、w-resize、wait)大概有這麼多

float:浮動(left、right)

clear:不允許設定的位置浮動元素(left、right、both:左右兩側都不允許浮動、none:預設、inherit:從父元素繼承

小案例

上面的示例中,我們讓ul元素和元素浮動。

li元素將顯示為內聯元素(沒有換行符的元素之前或之後)。這迫使列表為一行。

ul元素的寬度的100%,每乙個超連結列表的寬度6 em(當前字型大小的6倍)。

我們新增一些顏色和邊界使其更高檔。

counter-reset:對部分進行編號("section 1"、"1.1"、"1.2")

body 

h1 h1:before

h2:before

p:first-child i  選擇器  第乙個p元素中的所有i元素

p > i:first-child  選擇器 匹配p元素中第乙個i元素

p:first-letter   選擇器 設定p元素第乙個字型的樣式

p:first-line   選擇器 設定p元素第一行的樣式 屬性加上 font-variant:small-caps 設定第一行文字的第乙個字母樣式

h1:before 在第乙個元素之前插入一些東西

h1:after 在第乙個元素之後插入一些東西

[title] title屬性的樣式

CSS 屬性大全

css 屬性 字型樣式 font style 序號中文說明 標記語法 1字型樣式 2字型型別 3字型大小 4字型風格 5字型粗細 6字型顏色 7陰影顏色 8字型行高 9字 間 距 10單詞間距 11字型變形 12英文轉換 13字型變形 14字型 文字樣式 text style 序號中文說明 標記語法...

CSS屬性大全

背景 屬性共有六項 背景顏色 background color 設定背景顏色。背景影象 background image 設定網頁背景影象。重複 background repeat 控制背景影象的平鋪方式,有不重複 no repeat 重複 repeat,沿水平 垂直方向平鋪 橫向重複 repeat...

CSS屬性大全整理

1 文字屬性 font size 大小 font family 字型型別 2 文字屬性 color 顏色 text decoration 下劃線 屬性值 none underline text align 對齊方式 屬性值 left center right hello css click me 3...