美文网首页
前端(列表、文本、字体)

前端(列表、文本、字体)

作者: _Clown_ | 来源:发表于2018-10-18 11:12 被阅读0次

    em 标签用于表示着重点

    strong 标签用于表示重要性

    i标签 斜体

    b标签 粗体

    small标签 小的注释

    cite标签 给电影,照片等加上《》

    blockquote 用于长引用

    q 用于短引用

    sup 用于定义上标

    sub 用于定义下标

    ins 表示插入的内容,显示时通常会加上下 划线。

    del 表示删除的内容,显示时通常会加上删 除线。

    code 用于包含代码示例或文件名

    pre元素表示的是预格式化文本 一起使用 code

    ol和li来创建一个有序列表

    ul和li来创建一个无序列表

    dl:来创建一个定义列表,它有两个子标签

    子标签dt:被定义的内容

    子标签dd:对定义内容的描述

    font-size 用来指定文字的大小

    font-family可以指定标签中文字使用的字体(可多个字体Arial , Helvetica , sans-serif)

    serif(衬线字体)

    sans-serif(非衬线字体)

    monospace (等宽字体)

    cursive (草书字体)

    fantasy (虚幻字体

    font-style� 用来指定文本的斜体。

    指定斜体:font-style:italic

    指定非斜体:font-style:normal

    font-weight 用来指定文本的粗体。

    指定粗体:font-weight:bold

    指定非粗体:font-weight:normal

    font-variant 小型大写字母

    font:(可一次性设置多个)加粗 斜体 小型大写 大小/行高 字体

    line-height用于设置行高

    text-transform 字母全都变成大写。

    大写:text-transform:uppercase

    小写:text-tansform:lowercase

    首字母大写:text-transform:capitalize

    正常:text-transform:none

    text-decoration 用于添加上下中划线

    上 underline

    下 overline

    中 line-through

    text-indent 用来设置首行缩进 text-decoration none 去除超链接下划线

    letter-spacing 用来设置字符之间的间距。

    word-spacing 用来设置单词之间的间距

    text-align 用于设置文本的对齐方式

    left:左对齐

    right:右对齐

    justify:两边对齐

    center:居中对齐

    font-size:<length>|<percentage>
    
    image.png image.png
    font-family:[<family-name>|<generic-family>]#
    <generic-family> = self|sans-seif
    
    image.png
    font-family:normal|bold
    
    font-style:normal|italic
    
    line-height:100px|200%
    

    设置百分比时 不继承 与设置字体无关

    设置大小时 继承 与设置字体无关 16*3 = 48px

    image.png
    image.png

    相关文章

      网友评论

          本文标题:前端(列表、文本、字体)

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