CSS的一些屬性,權重問題

2021-10-04 05:01:54 字數 1308 閱讀 9573

選擇符的權重:四個數字表示權重

內聯樣式表–100,id–100,class–10,偽類選擇符–10,標籤–1

包含選擇符的權重=權重之和。

群組選擇符,權重值不變,保持原有的權重值,後寫的覆蓋前些的,後寫的權重大。

css的層疊性,–產生權重關係必然體現css的層疊性。

內聯樣式》外部樣式/內部樣式。外部和內部與書序的順序有關,後寫的覆蓋前些的。

id>class>/偽類》標籤

css的 屬性:

1:文字大小 font-size ,控制文字大小,預設16px 1em=16px 單位還可以是pt,9pt=12px;

文字大小一般設定為偶數,pc端盡量不要小於12px.

em的單位大小是根據父元素上的單位而變得,是父元素的一倍。

2:文字顏色 color, 更改文字的顏色。

十六進製制表示顏色值: 0~9最暗 a–f 最亮, 6個數字,前兩位紅色,中間兩位綠色,後面兩位藍色。

顏色模式:光色模式gpr gpr(255,0,0) gpra(255,0,0,0.5) 0.5表示半透明

3:文字型別 font-family, 控制頁面文字型別的 預設:微軟雅黑,英文預設:arial

語法:font-family 以逗號隔開。

先寫英文本型,在寫中文字型,放在引號裡

4:文字加粗font-weight:, 控制文字加粗。

屬性值:bold,bolder 加粗或數字(600-900)。/normal還原成正常大小。(100-500)

5:font-style文字傾斜。

屬性值:italic,oblique 表示傾斜,normal 正常大小

6:文字行高 line-height 上下居中,單行文字=容器高

小於容器高時,文字向上移動。大於容器高時文字向下移動。

7:text-align 文字對齊方式

屬性值: left左對齊 right右對齊 center居中對齊 justify兩端點對齊

8:text-decoration: 文字修飾i

屬性值:underline 新增下劃線 overline 新增上劃線

line-through:新增刪除線 none 沒有線

9:text-indent 文字首行縮排 1em=16px 能設定負值 向左移

10: 字間距:letter-spacing: 控制英文本母或漢字的字距。

詞間距:word-spacing: 控制英文單詞詞距

11:控制文字大小寫 text-transform: 主要針對(英文)

屬性值: uppercase 大寫 lowercase 小寫 capitalize 首字母大寫

一些css的屬性

一些css的屬性 使整個頁面的元素都沒有頁邊距 margin 與填充距離 padding body 使整個頁面居中顯示 padding 12px 元件能與邊緣的距離 moz border radius 6px 6px 6px 6px 圓角 float left div同行顯示 margin 30px...

css的一些屬性

1 文字的水平居中 css實現單行文字水平居中 text align center 2 塊元素居中 保證margin left和margin right都為auto,就可以保證塊元素水平居中 如果要是使用margin 0 auto來實現塊元素居中,就要 指定這個元素的寬度 3 行內元素 使用text...

css的一些屬性值

none 此元素不會被顯示。block 此元素將顯示為塊級元素,此元素前後會帶有換行符。inline 預設。此元素會被顯示為內聯元素,元素前後沒有換行符。inline block 行內塊元素。css2.1 新增的值 none 預設。定義標準的文字。underline 定義文字下的一條線。overli...