CSS樣式設定

2021-08-31 01:35:18 字數 796 閱讀 1482

css樣式設定

css優先順序:!important優先順序最高

行內樣式》內部樣式》外部樣式(link鏈入外部樣式和style內部樣式優先順序,取決與先後順序)

樣式表中優先順序:id選擇器》class選擇器》標籤選擇器》萬用字元(權值相同就近原則,權值不同用高的

字型:font-family:字型名、字型集(字型可以設定多個,字型之間用逗號隔開)

文字大小:font-size相對單位、絕對單位

文字的顏色:color:顏色名/16進製制./rgb

文字粗細:font-weight:normal/bold/bolder/lighter/100-900

文字的樣式:font-style:normal/ italic/ oblique

水平對齊方式:text-align:left right center justify

行高:line-height:長度值 百分比

垂直對齊方式:vertical-align:baseline sub super top text-top

middle bottom text-bottom 長度 百分比

設定元素內單詞之間間距:word-spacing

設定元素內字母之間間距:letter-spacing

設定元素內文字的大小寫:text-transform capitalize uppercase lowercase none

設定元素內文字的裝飾:text-decoration underline《下劃線》 overline《上劃線》 line-through 《刪除線》 blink《文字閃爍效果》 none

css樣式設定

1.如何消去a標籤的下劃線 設定樣式text decoration none 首頁 a2.如何設定滑鼠滑過a標籤時,字型的顏色和下劃線重現 a hover 首頁 a hover 3.如何使ul li中li標籤水平放置 1 使li標籤變成內聯塊狀元素 2 使用float left lili 個人更偏向...

css樣式設定

box sizing初識 box sizing是css3的新屬性,box sizing是乙個 盒子模型,box sizing有兩個重要值 content box和border box box sizing使用總結 box sizing的預設值為content box,子元素不會主動繼承父元素的box...

CSS樣式設定技巧

一 水平居中設定 在實際工作中常會遇到需要設定水平居中的場景,比如為了美觀,文章的標題一般都是水平居中顯示的。我們將其分為兩種情況 行內元素和塊狀元素,塊狀元素裡面又分為定寬塊狀元素,以及不定寬塊狀元素。1.行內元素 如果被設定元素為文字 等行內元素時,水平居中是通過給父元素設定text align...