第四天H5进阶

文本标签

<em>    - 表示强调的内容    - em一般是斜体显示<strong>    - 表示强调重要的内容（比em要更强烈一些）    - strong中的文字以加粗显示<i>    - 单纯表示斜体，没有任何语义<b>     - 单纯表示加粗，没有任何语义    - 有些时候，我们也会使用i和b去表示一些页面中的小图标<small>    - small中的文字会比其父元素中的文字要小一些    - 使用small一般表示一些细则一类的东西，比如网站的copyright版权声明<cite>    - cite表示引用的文献、歌曲、电影。。这些需要加书名号的内容<q>    - 表示引用的内容，它是一个行内引用<blockquote>        - 表示引用的内容，它和q的区别是，它是一个块元素，引用会独占一行<sup>    - 表示一个上标<sub>       - 表示一个下标<del>    - 表示一个删除的内容，默认会在文字上添加删除线<ins>    - 表示一个插入的内容，默认会在文字上添加下划线<pre>    - 预格式标签，它会保留代码中的空格换行等等<code>    - 专门用来表示程序代码    - 一般pre和code会结合使用，来表示一段程序

文本样式

- 单位    - 长度单位        - px（像素）            - 像素就是我们屏幕上一个一个的像素点            - 像素是我们开发中用的最多的单位        - %(百分比)            - 相对于父元素的指定属性的百分比来设置子元素长度        - em            - em和百分比类似，只不过em永远相对于当前元素的字体的大小            - 1em = 当前元素字体大小            - 主要使用em来设置一些文字相关的样式    - 颜色单位        1.可以使用颜色对应的单词来表示颜色：            比如：red green blue yellow        2.使用rgb值来表示一种颜色             r代表红色的浓度            g代表绿色的浓度            b代表蓝色的浓度            - 例子：rgb(255,0,0)            - rgb值的范围是 0 - 255            - 例子: rgb(100%,0%,0%)        3.使用十六进制的值来表示颜色 *****            - 使用十六进制的原理和rgb值是一样的，只不过它是使用十六进制表示            - 可以使用三组两位的十六进制数字来表示一个颜色，                第一组表示的是红色的浓度 00 - ff                第二组表示的是绿色的浓度 00 - ff                第三组表示的是蓝色的浓度 00 - ff            - 例子：#ff0000            - 如果三组数字都是两两重复的，可以进行简写 #f00    - 字体：        font-size --> 设置文字的大小        font-family --> 设置文字的字体            - 可以同时指定多个字体，多个字体之间使用,隔开                多个字体优先使用前边的字体，如果前边的字体不支持则使用后一个。        font-weight --> 设置文字的加粗        font-style --> 设置文字的斜体        font-variant --> 小型大写字母        - 简写属性：            - font            - 可以同时设置多个字体的样式            - 样式的顺序：                1.加粗、斜体、小型大小字母没有顺序要求，甚至写不写都行，如果不写则使用默认值                2.最后一个必须是font-family，并且必须写                3.倒数第二个必须是font-size，必须写            - 例子：                font:[加粗 斜体 小大字母] 大小/行高 字体    - line-height:        - 设置行高        - 所有的文字，默认都是在行高中居中的，所以我们可以通过设置行高来间接的设置行间距        - 行间距 = 行高 - 字体大小        - 可以将一个文字的行高设置为和父元素的高度一致，来使文字达到垂直居中（适用于单行文本）    - text-transform        - 设置文字的大小写        - 可选值：            capitalize 首字母大写            uppercase 所有的字母都大写             lowercase  所有的字母都小写    - text-decoration        - 设置文字的修饰效果（下划线一系列）        - 可选值：            none 没有线            underline 下划线             overline 上划线             line-through 中划线