CSS屬性(常用的屬性)

2022-08-02 04:06:14 字數 2308 閱讀 1577

css屬性(常用的屬性)

一:文字與字型屬性

1.字型屬性

(1):font-size:字型的大小(例如:font-size:14px)(em當前物件內文字字型大小 pt絕對長度單位(多少個點的單位)px相對長度單位(畫素))

(2):font-family:字型的型別(例如:font-family:"隸書","宋體",arial,"times new roman";)

(3):font-style:字型風格(樣式)(例如:font-style:normal正常(italic斜體 oblique傾斜))

(4):font-weight:字型的粗細(例如:font-weight:bold加粗(normal正常))

(5):font:一次設定乙個或多個字型屬性:順序為(3),(4),(1),(2)

2.文字屬性

(1):color:字型顏色

(2):line-height:設定行高

(3):text-align:設定文字對齊方式(left左對齊 right右對齊 center居中對齊)

(4):text-decoration:向文字新增修飾(underline下劃線 ,none預設值, overline上劃線 ,line-through刪除線 ,blink ,inherit)

(5):letter-spacing:設定字元間距

(6):white-space:如何處理空白

二:列表屬性

(1):list-style-type:設定列表項標誌的型別

(取值有1.disc(黑圓點)2.circle(空心圓點)3.square(小黑方塊)4.none(無列表項標誌))

(2):list-style-image:url("位址")  將設定為列表項標誌

(3):list-style-position:列表項標誌的位置

(取值1.outside專案標記在文字以外,不根據標記對齊  2.inside專案標記在文字以內,環繞文字根據標記對齊)

(4):list-style:設定所有列表屬性的簡寫  (依次為(1) (3) (2) )

三:浮動屬性

float: (取值(1)left左浮動 (2)right右浮動 (3)none不浮動 (4)inherit繼承父類float值)

clear:(取值(1)left不能左浮動 (2)right不能右浮動 (3)none允許浮動 (4)both兩側都不允許有浮動 )

四:背景屬性(1,2,3,4)

(1)background-color:設定背景顏色(transprent透明的)

(2)background-image:url("影象位址")  設定背景影象

(3)background-repeat:設定背景影象的重複方式(和background-image合用)

(取值repeat水平和垂直方向重複、repeat-x水平重複、repeat-y垂直重複、no-repeat只顯示一次)

(4)background-attachment:背景影象是否固定或者隨著頁面的其餘部分滾動。(scroll,fixed

)(4)background-position:設定背景影象的起始位置(和background-image合用)

五:盒子模型

(1)border:邊框 (順序width -- style-- color)

[1]四個方向:border-top上邊框  border-right右邊框  border-bottom下邊框  border-left左邊框

[2]修飾屬性:

border-color邊框顏色 (順序 :上 右 下 左)

border-width邊框寬度(thin細 thick粗 medium預設2px)(順序 :上 右 下 左)

border-style邊框樣式(none無邊框 solid實線 dashed虛線 dotted點狀邊框 double雙線邊框) (順序 :上 右 下 左)

(2)padding:填充(內容與邊框之間的距離)(順序 :上 右 下 左)(網頁設計中寬度和高度包括padding的)

(3)margin:邊界(邊框外面周圍的間隙,主要控制版塊與版塊之間的距離)(順序 :上 右 下 左)

(4)content:內容

六:定位屬性

(1):position 定位 

[1]static: 預設值,沒有定位

[2]absolute 絕對定位(上 下 左 右)

[3]relative 相對定位(上 下 左 右)

[4]fixed 絕對定位

(2):float浮動

(3):z-index 空間位置

七:控制元素大小

width:元素高度

height:元素寬度

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...