前端03

<em><strong>
em标签用于表示一段内容的着重点
strong标签用于表示一个内容的重要性
两个标签可以单独使用，也可以一起使用
em显示为斜体，strong显示为粗体
<i>和<b>
标签会使文字变成斜体。
b标签会使文字变成粗体。
这两个标签和em和strong类似，但是这两 个标签没有语义。
所以根据html5标准，当我们只想设置文本 特殊显示，而不需要强调内容时就可以使 用i和b标签。
<small>标签表示细则一类的旁注，
浏览器在显示small标签时会显示一个比父 元素小的字号。
<p><small>&copy;2018北财. 保留所有权利.</small></p>

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

<p>
<cite>《七龙珠》</cite>讲的是召唤神龙的故事。
</p>

<blockquote>和<q>
blockquote和q表示标记引用的文本/
blockquote用于常饮用，q用于短引用
在两个标签中还可以使用cite属性来表示引 用的地址。
孟子曾经说过：
<blockquote>天将降大任于是人也...</blockquote>
他说的真对啊！

<p>孔子曾经说过：<q>学而时习之不亦说乎</q></p>

<sup>和<sub>
sup和sub用于定义上标和下标。
上标主要用于表示类似于103中的3。
下标则用于表示类似余H2O中的2


<ins>和<del>

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


<code>和<pre>

如果你的内容包含代码示例或文件名，就 可以使用code元素。
pre元素表示的是预格式化文本，可以使用
pre包住code来表示一段代码。
<pre>
<code>
function fun(){  alert("hello");
}
</code>
</pre>


有序列表
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>

无序列表
使用ul和li来创建一个无序列表。
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>


使用dl、dd、dt来创建一个定义列表
<dl>
<dt>定义项1</dt>
<dd>定义描述1</dd>
<dt>定义项2</dt>
<dd>定义描述2</dd>
<dt>定义项3</dt>
<dd>定义描述3</dd>
</dl>



十六进制颜色
用的最多的颜色是十六进制符号。一个颜色值， 比如：#6600FF实际上包含了三组十六进制的 数字。

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

通过font-family可以同时指定多个字体。
例如：
p{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-variant:small-caps
font可以一次性同时设置多个字体的样式
 font:加粗 斜体 小型大写 大小/行高 字体
ine-height用于设置行高，行高越大则行 间距越大。
行间距 = line-height – font-size

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


《文本的修饰》
text-decoration属性，用来给文本添加各 种修饰。通过它可以为文本的上方、下方 或者中间添加线条。
可选值：
underline
overline
line-through
none


字母间距和单词间距
letter-spacing用来设置字符之间的间距。
word-spacing用来设置单词之间的间距。


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