文字樣式
在head中
div{
font-weight:bold; /normal(正常) 加粗
font-style:italic; /normal(正常) 傾斜
font-size:48px 大小
font-family:"楷體" 字體
line-height:16px; 行高 行高和div一樣時,文字會居中顯示
}
<head>
歡迎來到這里
</head>
多行文字測量行高方法:
1.確認文字大小
2.確認兩行文字之間空隙的大小
3.空隙大小除以2,得出來的就是值就是每行文字的上下空隙大小
3.1當行高為奇數時,文字的上方比下方少一個像素
3.1當行高為偶數時,文字上下空隙一致
4.通過ps輔助線測量多行文字的行高
復合樣式 font:bold italic 26px /50px"楷體" 50px為行高 (注意書寫順序)
文本樣式 (沒有復合樣式)
div{
color:red; 顏色
text-align:right; /left /center 對齊方式
text-indent:31px; 首行縮進 2em; (一個em是一個文字大小)
text-decoration: underline; /none; 下划線
letter-spacing:10px; 字母間距
word-spacing; 單詞間距(通過空格判別詞語)
white-space:nowrap; /normal; 強制不換行
測量文字大小時,最好使用從上到下的方法,在文字右側有一像素的空隙,空格占宋體文字的一半
}