css常用屬性值

2021-05-22 21:35:26 字數 3149 閱讀 5744

以下是css樣式屬性

字型屬性如下:

font-family:用於設定字型名稱,可以設定多個字型名稱,用逗號隔開

font-size:設定字型大小 。絕對大小設定的值為xx-small,x-small,medium,large,x-large、xx-large。相對大小設定:larger,smaller,絕對單位:px,mm,cm,in,pt,pc(這些大小不會隨瀏覽器大小改變而改變)相對單位有:em(是原始顯示的二倍),ex(當前的字型是原始字型大小的3倍),%(設定字型的百分比)。

font-style:設定文字顯示方式

text-decoration:設定文字的上滑線、下滑線、中劃線

font-weight:用於指定粗體字的大小。

font-variant:顯示區域內的所有字母都用大寫顯示

text-transform:可以設定區域內的英文單詞的每個首字母大小,或者把所有的字母大寫或者小寫

color:字型顏色有

背景屬性

background-color:背景顏色

background-image:背景影象

background-repeat:設定背景的顯示方式 , 值為:on-repeat(背景只顯示一次)、repeat(表示在背景上水平和垂直方向上重複平鋪影象)、repeat-x(表示水平重複平鋪鋪背景影象) repeat-y(表示垂直重複平補背景影象)

background-position:指定背景影象的水平位置和垂直位置,設定值為:水平設定的值有:left、center、right、或、20px(設定乙個值),垂直位子的取值有:top、center,bottom

background:上面各種的簡寫

文字屬性如下:

word-spacing:設定單詞之間的間距

letter-spacing:用來設定每個字元之間的間距

vertical-align:文字的垂直對齊方式:他的取值有:sub(下標)、super(上標)top(與頂對齊)、middle(中間對齊)、bottom(與低端對齊),取相對於元素的百分比

text-align:用於設定文字的水平對齊方式,設定的值有:left,right,center,justify

text-indent:設定文字第一行的縮排值

white-space:處理文字中的空白字元,設定的值有:normal(預設的把所有的空白壓縮成乙個空格)、pre(空白原樣輸出)、nowrap:表示只有遇到

標籤時才進行換行,否則一直不換行

元素位置設定屬性

position:用來設定元素的定位方式,設定的值有:absolute(元素的決定定位)、relative(相對定位)、static(通用定位方法)

left:設定元素左邊的水平位置

top:設定元素頂部的位置

width:設定元素的寬度

height:設定元素的高度

z-index:設定元素堆疊的所屬層位。

邊緣屬性:

margin:設定元素邊界與其他元素之間的空隙大小,裡面包括四個屬性(margin-top、margin-right、margin-bottom、margin-left)分別代表元素與其他元素上下左右之間的空隙大小,當只設定margin的空隙大小,則代表上下左右都是這個值。p:2em 4em}左右為2 上下為4

padding:設定元素與內部內容之間的空隙大小,它包括四個屬性分別是(padding-top、padding-right、padding-bottom、padding-left)分別代表元素與內部上下左右的空隙。當只設定padding的屬性時,代表元素與內部上下左右的空隙大小相同。

border-width:用來設定邊框線的寬度,有四個屬性(border-top-width/border-topl-width/border-bottom-width/border-left-width)分別代表上下左右四個方向邊框線的寬度可設定的邊框線寬度的值有:thin、medium、thick或數值

border-color:用來設定元素邊框線顏色,包括(border-top-color、border-right-color、border-bottom-color、border-left-color),用法與上面相同

border-style:用於設定元素邊框線的樣式。包括(border-top-style、border-right-style、border-bottom-style、border-left-style)用法同上。可供選擇的值有:none(沒有邊框線)、dotted(點線)、dashed(虛線)、solid(實線)、double(雙線)、groove(凹槽線)、ridge(出槽線)、inset(凹邊),outset(凸邊)

border:上面所有border的彙總,包括(border-top、border-right、border-bottom、border-left),如:a:active

列表項屬性

list-style-type:用於指定目錄列表項標記的樣式型別;他的設定值可以是:disc(實心圓)、circle(空心圓)、square(方塊)、decimal(阿拉伯數字)、lower-roman(小寫羅馬數字)、upper-roman(大寫羅馬數字)、lower-alpha(小寫英文本母)、upper-alpha(大寫英文本母)、none(無專案符號)

list-style-image:用於設定目錄列表項標記的影象,當設定了這個屬性,則list-style-type屬性將被代替

list-style-position:設定將標記顯示在文字內還是文字外。可取的值為:inside(內部)、outside(外部)

list-style:是以上屬性的綜合設定

其他css屬性:

cursor:當滑鼠移動到某個元素上時,滑鼠所顯示的形狀。設定值:hand(手型)、crosshair(「十」)型、text(「|」)型、wait(等待)、default(預設)、help(幫助)、ee-resize(「東箭頭」)、ne-resize(東北箭頭)、n-resize(北箭頭)、nw-resize(西北箭頭)、w-resize(西箭頭)、sw-resize(西南箭頭)、s-resize(「南箭頭」)、se-resize(東南箭頭)和auto(自動)

filter:設定元素的濾鏡特效

css 常用屬性

字型屬性 font 大小font size x large 特大 xx all 極小 一般中文用不到,只要用數值就可以,單位 px pd 樣式font style oblique 偏斜體 italic 斜體 normal 正常 行高line height normal 正常 單位 px pd em粗...

CSS常用屬性

css常用屬性 1.color,background color 表示顏色的關鍵字,16進製制數 中提供的color scheme工具 2.font family 該屬性的值可以是一組字型,按喜歡程度排序的字型列表。一些中文字型的列表 windows的一些 新細明體 pmingliu 細明體 min...

css常用屬性

文字屬性 font size font family 字型型別 文字屬性 color text decoration 下劃線 none underline text align 對齊方式 left center right 背景屬性 background color background image...