:after 和 :beforev i
選擇器高階選擇器
總結
float：left(right)1、在父容器內設定css
overflow：hidden;
2、在父容器最底部加上乙個空div
3、在父容器內設定css
.parent:after
:after 在元素後面新增內容 content設定其內容
:before 在元素的前面新增內容 content設定其內容
1、類選擇器
2、id選擇器
3、標籤選擇器
優先順序 ：
id選擇器》類選擇器》標籤選擇器
1、層次選擇器
a、後代選擇器
e f作用範圍：選擇器e裡面的所有選擇器f(包含子類以及間接子類)
b、子代選擇器
e>f作用範圍：選擇器e裡面的所有子選擇器（只能作用於子類 不能使間接子類）
c、相鄰兄弟選擇器
e+f作用範圍：緊緊位於選擇器e的後面的選擇器f（同一父元素下，一定是相鄰且在選擇器e的後面）
d、通用兄弟選擇器
e~f作用範圍：跟在選擇器e後面所有的選擇器f（同一父元素下，所有跟在e後面的f）
2、結構偽類選擇器
a、非指定型別的子元素
選擇器 e f：first-child
選擇器 e f:last-child
選擇器 e f:nth(n)
** 注意：如果子類中有非f的 也計算其內
b、指定型別的子元素
選擇器 e f：first-of-type
選擇器 e f:last-of-type
選擇器 e f:nth-of-type(n)
** 注意：如果子類中有非f的 不計算計算其內
3、屬性選擇器
選擇器e[name]
選擇器e[name=？]
選擇器e[name^=a]
選擇器e[name$=a]
選擇器e[name*=a]
學習了浮動和選擇器的分類，使自己在css樣式的應用上有更多的選擇，也能控制與實現更多的頁面結構。前端學習筆記 CSS 清除浮動
我們前面說過，浮動本質是用來做一些文字混排效果的，但是被我們拿來做布局用，則會有很多的問題出現，但是，你不能說浮動不好 由於浮動元素不再占用原文件流的位置，所以它會對後面的元素排版產生影響，為了解決這些問題，此時就需要在該元素中清除浮動。準確地說，並不是清除浮動，而是清除浮動後造成的影響 如果浮動一...
前端學習筆記（六）CSS浮動
頁面布局方式主要包含 文件流 常規流 浮動流 脫離文件流 文件流 文件流中元素框的位置由元素在html中的位置決定，塊級元素從上到下依次排列，框之間垂直距離由框的垂直margin計算得到，行內元素在一行中水平布置。文件流就是html文件中的元素如塊級元素 行內元素依據他們的顯示屬性按照在文件中的先後...
前端學習 Css 浮動
塊元素在文件流中預設垂直排列，所以這個三個div自上至下依次排開，如果希望塊元素在頁面中水平排列，可以使塊元素脫離文件流。使用float來使元素浮動，從而脫離文件流 可選值 none，預設值，元素預設在文件流中排列。left，元素會立即脫離文件流，向頁面的左側浮動。right，元素會立即脫離文件流，...