CSS 字体属性(Font)

文字

(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);
}

猜你喜欢

转载自blog.csdn.net/o_jj_o/article/details/85710288