文字样式
在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; 强制不换行
测量文字大小时,最好使用从上到下的方法,在文字右侧有一像素的空隙,空格占宋体文字的一半
}