第011讲 选择器使用细节 块元素和行内元素 盒子模型

1. 一个元素可以同时拥有 id 选择器和 类 选择器

<span class="s1" id="news_specail">新闻一</span>

---

2.一个元素最多只有一个id 选择器，但可以由多个类选择器

<元素 class="类选择器1 类选择器2" ><span class="s1 cls1">新闻三</span>*特别注意：当两个类选择器发生冲突，则以写在css文件中的后面的那个类选择器为准*。

---

3. 如果多个id/类选择器有重复的部分，我们可以把相同的css样式放在一起

用逗号相隔。
CSS文件也会被浏览器从服务器下载到本地。

---

4.行内元素和块元素

<span class="s1">span1</span><span class="s1">span2</span><span class="s1">span3</span><div class="s2">div1</div>11<div class="s2">div2</div>22

---

5.行内元素和块元素可以互相转换

.s1{    background-color:pink;    display:block;}.s2{    background-color:gray;    display:inline;}

---

6.引入CSS文件

---

7.流的概念

---

8.盒子模型