选择器的优先级和常用标签

选择器的优先级

!important
内联样式 优先级1000
id 选择器 优先级100
类和伪类 优先级10
元素选择器 优先级1
通配选择器 优先级0
继承的样式 没有优先级

PS:如果优先级一样的会选择靠后的样式，后面的样式会覆盖前面的样式

！important

如果非要用元素选择器来设置样式就要在后面加上!important

p{
  background-color:orange;
}

PS：!important甚至比内联样式还有高，但是在开发的时候不建议使用

文本标签

<em></em>
<em>标签用于表示一段内容中的着重点

---

<strong></strong>
<strong>标签表示一段内容的重要性

---

<i></i>
<i>标签会使文字变成斜体 电商的<i>标签类似icon(图标)

---

<b></b>
<b>标签会使文字变成粗体<pre></pre>

<pre>元素表示的是预格式化文本，可以使用

<small></small>
<small>标签会使文字变小

---

<big></big>
</big>标签会使文字变大

---

<cite></cite>
使用<cite>标签可以指明对某内容的引用或参考。例如，戏剧，歌曲，文章，电影等

---

<q></q>
<q>标签 浏览器自动添加引号（不同浏览器的样式不同）写样式基本不用

---

<blockquote></blockquote>(块元素)
<blockquote>标签 评论的地方特别多 如果引用了别人说的话就会使用<blockquote>标签

---

定义上标和下标
和

---

<ins></ins>
<ins>标签里面的内容，显示时加上下划线

---

<del></del>
<del>标签里面的内容，显示时加上删除线

---

<code></code>
如果你的内容包含代码示例或文件名，就可以使用<code>元素

---

<pre></pre>
<pre>元素表示的是预格式化文本，可以使用
<pre>包含<code>来表示一段代码

---