前端H5初学笔记(三)

来源:互联网 发布:数据可视化实战pdf下载 编辑:程序博客网 时间:2024/06/05 06:02
  1. 文本标签
    <em>用于表示一段内容中的着重点,语气上的强调,默认显示斜体。
    <strong>用于表示一个内容的重要性,比<em> 更强烈,默认显示粗体。
    <strong><em> 可以单独使用也可以一起使用。
    <cite> 网页中所有的加书名号的内容都可以使用该标签,表示参考的内容,如书名、歌名、话剧名、电影名等等。
    <q> 表示一个短的引用(行内引用),浏览器默认给引用的内容加上引号。
    <blockquote> 表示一个长引用(块级引用)。
    <sup> 标签设置一个上标。<sub> 标签设置一个下标。
    <del> 标签表示一个删除的内容,会自动添加删除线。
    <ins> 表示插入一个内容,会自动添加下划线。
    <pre> 是一个预格式标签,会将代码中的格式保存,不会忽略多个空格。
    <code> 专门用来表示代码但不会保留格式。
    一般<pre><code> 结合表示一段代码。

  2. 有序无序列表
    通过type属性可以修改无序列表的项目符号,可选值:
    disc,默认值,实心圆点。
    square,实心方块。
    circle,空心圆圈。
    通过type属性可以修改有序列表的项目符号,可选值:
    1,默认值,使用阿拉伯数字。
    a/A,大写或小写字母作为序号。

  3. 定义列表
    定义列表用来对一些词汇或内容进行定义。
    使用dl创建一个定义列表。
    dt:被定义的内容。
    dd:对定义内容的描述。

  4. 行间距
    行间距 = 行高(line-height) - 字体大小(font-size)
    line-height(垂直居中)可以接收的值:
    1.直接接收一个像素大小
    2.指定一个百分数,则会相对于字体去计算行高
    3.可以直接传一个值,则行高会设置字体大小相应的倍数

  5. text-transform
    用来设置文本的大小写,可选值:
    none:默认值
    capitalize:单词首字母大写,通过空格来识别单词
    uppercase:所有的字母都大写
    lowercase:所有的字母都小写

  6. text-decoration
    设置文本的修饰
    none:默认值,不添加任何修饰
    underline:添加下划线
    overline:添加上划线
    line-through:添加删除线

  7. text-indent:首行缩进,一般使用em作为单位

原创粉丝点击