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);
}
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值