选择器的优先级和文本标签

一.权重

!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>