文字
(1)font-size 大小
单位
px表示像素 (计算机屏幕上的一个点:1px = 1/96in),是绝对单位,不会因为其他元素的尺寸变化而变化;
em表示相对于父元素的字体大小。em是相对单位 ,没有一个固定的度量值,而是由其他元素尺寸来决定的相对值
(2)font-weight 粗细
bold 加粗 normal 正常
(3)font-style 文字样式
italic 斜体 normal 正常
(4)font-family 字体
宋体 微软雅黑
(5)lin-height 行高 两行文字基线之间的距离
复合样式
必须写 size family
顺序 weight style size family
行高 放在size后面,用斜杠隔开 40px/30px
字体图标 Ai fontCreator制作
文本相关设置
文字颜色 color
文本对齐 text-align
首行缩进 text-indent
文本修饰 text-decoration
字母间距 letter-spacing
不换行 white-space
测量行高:(行高尽量要比文字尺寸要大一些)
单行文字随意
多行文字之间的行高取决于两行文字之间的间距
如果是偶数,直接上下平分
如果是奇数,文字下面会多占用一个像素
font复合样式;
有两个值必须写: font-size font-family
前面两个值必须是 font-weight 和 font-style(它们两个值可以省略)
行高必须写在font-size的后面,用斜杠和font-size隔开
怎么让Chrome支持小于12px 的文字?
.box{
font-size:12px;
transform: scale(0.67);
}