css字体及文本

字体

字体大小(font-size):

        px:像素。

        基准文本尺寸:不指定字体大小的时候,浏览器通常默认使用16px。

        浏览器最小的字体尺寸为12px。

        font-size:0。空格和换行都是字符。font-size越大,空格越大。

<body style="font-size:0"></body>

        %:根据父元素继承下来的字体大小计算。

        em:根据从父元素继承下来的字体大小计算。(1em=100%)

        rem:根据根元素字体大小来计算。

字体粗细(font-weight):

        normal:正常字体。

        bold:加粗字体。

        100~900。这个范围的粗细变化有没有区别主要是看什么字体类型。没有固定的粗细。

字体风格:(font-style)

        normal:正常。

        italic:斜体。

字体简写:风格 粗细 大小 系列

字体颜色:(color)

        color:rgb/rgba.

字体下划线(text-decoration):

        none:标准文本

        underline:下划线

        overline:上划线

        line-through:删除线

        (以上不可继承)

字符间距(letter-spacing):

        normal:相当于letter-spacing:0

        px

文本

文本缩进(text-indent)

        只能使用在块状元素与行内块状元素。

        px

        em,相对于当前字体大小来计算

文本换行(white-space)

        normal:默认值。cjk文本遇到容器边界自动换行。非cjk文本由word-break决定。

        nowrap:超出边界不换行。

        cjk:china,japan,korea

文本断句(word-break)

        用来标明怎么对单词进行断句。

        normal:不断句

        break-all:任何位置都可以折行。

超出文本内容(overflow)

        auto:浏览器自己决定

        hidden:超出隐藏

        scroll:超出滚动

        visible:超出可见

水平对齐(text-align)

        right

        left

        center

  注意:1.块状元素(div默认的宽度为100%,父级宽度多少它宽度就多少)与行内块元素(要设                 置之后有效,因为行内块的宽度是由文字撑开的。)都能使用。

             2.对其中的行内元素与行内块元素生效(对自身没有影响)。

        

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值