基础学习（二）

选择器的优先级

当我们使用不同的选择器，选中同一个元素时并且设置相同的样式时；会出现考虑选择器的优先级；

内联样式>ID选择器>伪类选择器，类选择器>元素选择器>统配选择器>继承的样式

#sn{

                                  font-size:50px;

                         }

                         .sm{

                                  font-size:30px;

                                 

                         }

最后为#sn 因为优先级

并集选择器，需要单独计算。 交集选择器相加计算优先级

   P标签里面需要用到的标签

<em>和《strong》标签都表示一个重要的内容

em表示语气上的强调 ，表现为一个斜体；

strong 表示的是内容上的重要；表现为黑色加粗字体

<i>标签的内容会以斜体方式显示   <b>标签的内容会以加粗的方式显示

但是<i><b>没有实际上的着重，只是样式上的强调

<small>标签的内容比父元素的标签小，语义：（版权，法律的条文，合同）

<cite>标签 表示引用，例如书名，歌曲，电影

<q>标签，表示一种短引用

<blockquote>表示一种长引用，他是块元素不能放在，P标签里

块级元素在屏幕上显示时，将换行，如同存在回车或换行符一样例如，<p>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<ul>、<ol>、<dl>、<pre>、<hr />、

内联元素在浏览器中显示时不会换行以下元素都是内联元素：<b>、<i>、<u>、<em>、<strong>、<sup>、<sub>、<big>、<small>、<li>、<ins>、<del>、<code>、<cite>、<dfn>、<kbd>和<var>。

 

错误：frist-type 与 frist-child 的区别//百度到的结果自行参考

<div>

<i>第1行</i>

<p>第2行</p>

<p>第3行</p>

<p>第4行</p>

</div>

则p:first-of-type的话，<p>第2行</p>会被选中；

而p:first-child的话，将没有任何元素被选中！

有序列表，无序列表

<ul>表示无序表，li表示一个列表项；其中项目符号可以用type属性修改：一般不使用，可以在CSS中去掉项目符号，

        /*ul{

                                  list-style:none;

                                 

                         }*/

<ol>标签表示一个有序表：type属性可以选择按照什么排序，默认是1 阿拉伯数字排序也可以按a/A,I/i

ol type="I">

                            <li>鱼香肉丝</li>

                            <li>青椒肉丝</li>  

                            <li>麻辣香锅</li>   列表直接可以相互嵌套。

                         </ol>