一.权重
!important
内联样式 优先级1000
id 选择器 优先级100
类和伪类 优先级10
元素选择器 优先级1
通配选择器 优先级0
继承的样式 没有优先级
注：如果优先级一样的会选择靠后的样式，后面的样式会覆盖前面的样式
！important
1.PNG
如果非要用元素选择器来设置样式就要在后面加上!important
p{
background-color:orange;
}
注：!important甚至比内联样式还有高，但是在开发的时候不建议使用
二.文本标签
1.<em></em>
<em>标签用于表示一段内容中的着重点
<strong></strong>
#####2.<strong>标签表示一段内容的重要性
3.<i></i>
<i>标签会使文字变成斜体 电商的<i>标签类似icon(图标)
4.<b></b>
<b>标签会使文字变成粗体
5.<small></small>
<small>标签会使文字变小
6.<big></big>
</big>标签会使文字变大
7.<cite></cite>
使用<cite>标签可以指明对某内容的引用或参考。例如，戏剧，歌曲，文章，电影等
8.<q></q>
<q>标签 浏览器自动添加引号（不同浏览器的样式不同）写样式基本不用
9.<blockquote></blockquote>(块元素)
<blockquote>标签 评论的地方特别多 如果引用了别人说的话就会使用<blockquote>标签
10.定义上标和下标
<sup></sup>和<sub></sub>
11.<ins></ins>
<ins>标签表示插入的内容，显示时加上下划线
<p>
1808班的男生都<ins>好帅啊</ins>
</p>
12.<del></del>
<del>标签表示插入的内容，显示时加上删除线
<p>
<del>18.88</del><br>
15.88
<p>
13.<code></code>
如果你的内容包含代码示例或文件名，就可以使用<code>元素
14.<pre></pre>
<pre>元素表示的是预格式化文本，可以使用
<pre>包含<code>来表示一段代码
<pre>
<code>
if(True):
print("hello")
</code>
</pre>