在手機端設定大小的時候,一般不使用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
welcomecss
*效果如下:.wrap
2.多行文字垂直居中(因為vertical-align不能用於塊級元素,所以改成**布局,父元素也要設定成**布局)
html
welcomecsscss
*效果如下:.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屬性來定義字型 語...