美文网首页
十二:文本标签及文本样式

十二:文本标签及文本样式

作者: rtrhhthth | 来源:发表于2018-06-04 20:00 被阅读0次

    1.<em>和<strong>标签

    em 标签用于表示一段内容中的着重点
    strong标签用于表示一个内容的重要性
    这两个标签可以单独使用,也可以一起使用
    通常em显示为斜体,而strong显示为粗体

    2.<i>和<b>标签

    i标签会使文字变成斜体
    b标签会使文字变成粗体
    这两个标签和em和strong类似,但是这两个标签没有语义

    3.<small>标签

    small标签表示细则一类的旁注,通常包括负责声明,注意事项,法律限制,版权信息
    浏览器在显示small标签时会显示一个比父元素小的字号

    4.<cite>标签

    使用cite标签可以指明对某内容的引用或参考

    5.<blockquote>和<q>标签

    blockquote和q表示标记引用的文本
    block用于长引用,q用于短引用
    在两个标签中还可以使用cite属性来表示引用的地址

    6.标签

    sup和sub用于定义上标和下标
    上标主要用于表示类似于10的3次方中的3
    下标则用于表示类似于H2O中的2

    7.<ins>和<del>标签

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

    8.<code>和<pre>标签

    如果你的内容包含示例或文件名,就可以使用code元素
    pre元素表示的是预格式化文本,可以使用
    pre包住code来表示一段代码

    9.有序列表
    使用ol和li来创建一个有序列表
    <ol>

    10.无序列表

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

    11.定义列表

    使用dl.dd.dt来创建一个定义列表

    12.文本格式化
    单位:px
    如果我们将一个图片放大的话,我们会发现一个图片是有一个一个的小色块块构成的,这一个小色块就是一个像素,也就是1px,对于不同的显示器来说一个像素的大小 是不同的

    百分比:
    也可以使用一个百分数来表示一个大小,百分比是相对于父元素来说的

    em:
    em和百分比类似,也是相对于父元素说的

    13.字体
    通过font-family可以指定标签中文字使用的字体

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

    通过font-familyk可以同时指定多个字体

    14.字体分类
    serif (衬线字体)

    sans-serif( 非衬托线字
    体)
    monospace(等宽字体)

    cursive(草书字体)

    fantasy(虚幻字体)
    以上这些分类都是一些大的分类,并没有涉及具体的类型,如果将字体指定为这些格式,浏览器会自己选择指定类型的字体

    15.协体和粗体

    font-style用来指定文本的斜体
    -指定斜体:font-style:italic
    -指定非斜体:font-style:normal
    font-weight用来指定文本的粗体
    -指定粗体:font-weight:bold
    -指定非粗体:font-weight:normal

    16.小型大写字母
    font-variant属性可以将字母类型设置为小 型大写,在该样式中,字母看起来像是稍微缩小了尺寸的大写字母
    -font-variant:small-caps

    17.字体属性的简写
    font可以一次性同时设置多个字体的样式
    语法:
    -font:加粗 斜体 小型大写 大小/行高 字体
    这里前边几个加粗,斜体和小型大写的顺序无所谓,也可以不写,但是大小和字体必须写且必须写到后两个

    18.行间距
    link-height用于设置行高,行高越大则行间距越大
    行间距 = link-height - font-size

    19.大写化
    text-transform样式用于将元素中的字母全都变成大写
    -大写:text-transform:uppercase
    -小写:text-tansform:lowercase
    -首字母大写:text-transform:capitalize
    -正常:text-transform:none

    20.文本的修饰
    text-decoration属性,用来给文本添加各种修饰,通过它可以为文本的上方,下方 或者中间添加线条
    可选值:
    -underline
    -overline
    -line-through
    -none

    21.字母间距和单词间距

    letter-spacing用来设置字符之间的间距
    word-spacing用来设置单词之间的间距
    这两个属性都可以直接指定一个长度或百分数作为值,正数代表的是增加距离,而负数代表减少距离

    22.对齐文本
    text-align用于设置文本的对齐方式
    -left: 左对齐
    -right: 右对齐
    -justifg: 两边对齐
    -center: 居中对齐

    23.首行缩进

    text-indent用来设置首行缩进
    该样式需要指定一个长度,并且只对第一行生效

    相关文章

      网友评论

          本文标题:十二:文本标签及文本样式

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