CSS中的字型樣式和文字樣式

2022-09-12 08:39:19 字數 1632 閱讀 3645

在手機端設定大小的時候,一般不使用px

css字型顏色三種表達方式:

1.具體顏色名稱例:color:red;

2.數字 0~255,百分比:0%~100%例:color:rgb(0%,100%,0%)

3.十六進製制:#開頭,六位,0~f例:color:#00880a

font-weight文字粗細:

font-weight:normal |bold | bolder |lighter | 100~900

400相當於normal,700相當於bold,一般用的就是normal和bold,預設也是normal

font-style文字樣式:

font-style:normal |italic |oblique

italic斜體,oblique傾斜

font屬性(簡寫)

font: font-style font-variant font-weight font-size/line-height font-family

說明:值之間空格隔開,注意書寫順序,font-size和line-height同時存在要用/隔開

text-align,設定元素內文字的水平對齊方式

text-align:left |right |center |justify     justify為兩端對齊

注:該屬性對塊級元素設定有效,像span這種的無效

line-height,行高

vertical-align,設定元素內容的垂直方式,用於行內元素和**中,不能用於塊級元素中

vertical-align:baseline |sub |super |top |text-top |middle |bottom |text-bottom |長度 |百分比

1.單行文字垂直居中

**如下:

html

welcome

css

* 

.wrap

效果如下:

2.多行文字垂直居中(因為vertical-align不能用於塊級元素,所以改成**布局,父元素也要設定成**布局)

html

welcome

css

css

* 

.wrap

.content

效果如下:

文字樣式的其他屬性

CSS3字型樣式和文字樣式

body body body 上面比這種方法相容性更好一些。bodyp span 粗體樣式 box1 color的值有3種設定方式 p每一項的值可以是 0 255 之間的整數,也可以是 0 100 的百分數。p p這種顏色設定方法是現在比較普遍使用的方法.pbody 可以簡寫為 body 1 使用這...

字型樣式 文字樣式

1,字型樣式設定 字型型別 風格 font style 字型粗細font weight 字型大小font size 字型系列font family 組合值寫法 字型風格和字型粗細可以都不寫或者寫乙個,也可以換順序,但是font size和family的順序不能換,也必須同時給。注意 可以用font ...

CSS字型 文字樣式屬性

1 字型屬性 1.2 字型大小屬性 1.3 字型粗細屬性 1.4 字型樣式屬性 1.5 字型復合屬性 2 文字外觀屬性 css fonts 字型 屬性用於定義字型系列 大小 粗細 和文字樣式 如斜體 css使用 font family屬性來定義字型 pcss使用 font size屬性來定義字型 語...