CSS屬性彙總

2022-06-25 12:42:11 字數 2337 閱讀 1801

因為頁面上顯示的所有元素都是在標籤裡的,因此可以通過給標籤指定css樣式,即可給整個頁面指定css樣式

但是該方法並不適用所有標籤元素,比如標題標籤,需要額外指定css樣式(如字型大小等)

font系列屬性用於定義字型系列,大小,粗細,和文字樣式

font-size

設定字型大小,通常用的單位是px,數字後面一定要寫px,具體請參照font-size屬性

font-family

設定字型,實際工作中按照團隊約定來寫字型,具體請參照font-family屬性

font-weight

設定字型粗細,加粗是700或者bold,不加粗是normal或400, 數字不要跟單位,具體請參照font-weight屬性

font-style

設定字型樣式,傾斜是italic,不傾斜是normal,工作中normal最常用,具體請參照font-style屬性

font

設定文字復合屬性,文字復合屬性是有規定順序的,其中字型大小和字型是必須項,具體請參照font屬性

css文字屬性可定義文字的外觀,比如文字的顏色,對齊文字,裝飾文字,文字縮排,行間距等

color

設定文字顏色,通常使用十六進製制,具體請參照color屬性

text-align

設定文字對齊,可以設定文字水平的對齊方式,具體請參照text-align屬性

text-indent

設定文字縮排,通常用於段落首行縮排2個字的距離,具體請參照text-indent屬性

text-decoration

設定文字修飾,常用方式為新增下劃線和取消下劃線,具體請參照text-decoration屬性

line-height

設定行高,控制行與行之間的距離,具體請參照line-height屬性

css背景屬性可以給頁面元素新增背景樣式

背景屬性可以設定背景顏色,背景,背景平鋪,背景位置,背景影象固定等

background-color

作用:背景顏色,值:預定義的顏色值 / 十六進製制 / rgb**,具體請參照background-color屬性

background-image

作用:背景,值:url(路徑),具體請參照background-image屬性

background-repeat

作用:是否平鋪,值:repeat / no-repeat/ repeat-x / repeat-y,具體請參照background-repeat屬性

background-position

作用:背景位置,值:length(精確單位)/position(方位名詞) 分別是x和y座標,具體請參照background-position屬性

background-attachment

作用:背景附著,值:scroll(背景滾動) / fixed(背景固定),具體請參照background-attachment屬性

背景簡寫

作用:書寫更簡單,值:背景顏色,背景位址,背景平鋪,背景影象滾動,背景位置,具體請參照background屬性

背景色半透明

作用:背景顏色半透明,值:background:rgba(0,0,0,0.3), 後面必須是4個值,具體請參照background屬性

背景:實際開發常見於logo或者一些裝飾性的小或者是超大的背景,優點是相比較於插入非常便於控制位置,具體請參照text-indent屬性

CSS樣式表屬性彙總

w3上看到了。除了inline和block的定義,主要是要注意 body h1 h6 blockquote menu ul ol dd等標籤的預設樣式 html,address,blockquote,body,dd,div,dl,dt,fieldset,form,frame,frameset,h1,...

常用的CSS屬性列表彙總

近期教學給學員總結常用的css屬性,方便學習查詢,正好發上來也給大家分享一下。最右列的數字標識支援的css最低版本。01.css背景屬性 background 屬性與描述 background 在乙個宣告中設定所有的背景外掛程式1 background attachment 設定背景影象是否固定或者...

常用的CSS屬性列表彙總

近期教學給學員總結常用的css屬性,方便學習查詢,正好發上來也給大家分享一下。最右列的數字標識支援的css最低版本。01.css背景屬性 background 屬性與描述 background 在乙個宣告中設定所有的背景外掛程式1 background attachment 設定背景影象是否固定或者...