美文网首页
css零基础到入门第三章【字体和文本样式】

css零基础到入门第三章【字体和文本样式】

作者: by依白 | 来源:发表于2023-10-03 03:39 被阅读0次

    三、字体和文字样式

    1.字体样式

    1.1字体大小 font-size

    font-size:数字+px

    1.2字体粗细 font-weight

    font-weight
    取值:

    正常 加粗
    normal bold
    400 700

    纯数字:100~900的整百整数

    1.3字体样式 font-style

    font-style(是否倾斜)
    取值

    正常(默认值)normal
    倾斜 italic

    1.4 字体系列 font-family

    取值:font-family:字体名字

    2.文本样式

    1.文本缩进 text-indent
    取值数字+px;或者数字+em,推荐后者

    2.文本水平对齐方式 text-align:center
    能让下面这些居中:
    1.文本
    2.span标签,a标签
    3.input标签,img标签

    3.文本修饰 text-decoration

    属性值 效果
    underilne 下划线
    line-through 删除先
    overline 上划线
    none 无装饰线

    扩展:开发中会使用text-decoration:none清除a标签默认的下划线

    3.line-height行高

    作用:控制一行的上下行间距
    取值
    数字+px;
    倍数
    当line-height:1;可以取消上下间距

    如何让div、p、h水平居中?

    可以通过 margin: 0 auto;实现

    相关文章

      网友评论

          本文标题:css零基础到入门第三章【字体和文本样式】

          本文链接:https://www.haomeiwen.com/subject/fohebdtx.html