--------------------------選擇器( css有就近原則)-------------------------------

　　選擇器名稱???????????????? 在css表的形態??????????????? 在html中的調用

?html標記符選擇器：??????? p,a,img,div,span....????????? 不用另外加任何東西

?具有上下關系的選擇器:???? div span a (中間是空格)?????? 不用另外加任何東西

?類（class）選擇器：???????? .??? ( 比如:?? .header)???? <div class="header "></div>

?id選擇器? （一般不用id，留給js來操作）???????????????? #???? ( 比如:??? #text? )??? <div id="text "></div>

?群組選擇器 (優化代碼)????????????? .left , .right , p , ul , li ?偽類選擇器 （選擇器上加上：hover）?????? a:hover{color:#ccc}

選擇器的優先級: 行間? >? id選擇器? >? class選擇器? >? 標記符選擇器

2.浮動（float）

　　功能：用于在普通元素流布置規則以外放上元素。 　

　數值： none -無改動。 　　　　　

?????????????? left -將其它元素內容放到浮動元素右邊。 　　　

　?????????? right -將其它元素內容放到浮動元素左邊

---------------------float(浮動)-------------------------

為什么要 清除浮動????

　　浮動帶來的負面影響:

　　會使父級對象的高度消失,

　　導致背景圖片,

　　邊框不能正常顯示,

　　margin,padding設置值不能正確顯示（特別是上下邊的padding和margin不能正確顯示）;

清除浮動的三種方式:( 1 ):直接給父級確定的高度; (項目中的擴展,不現實 )

?　　　　　　　　?? ( 2 ):在父級的css里直接加上 overflow:hidden;? 但是不能和height同時出現;? overflow:hidden;和height同時出現(功能:超出部分被隱藏; )

?　　　　　　　　?? ( 3 ):a:在css里面 .***{ clear:both;}? b:在父級結束之前新添 <div class="***"></div>

　　　　　　　　　　　　<div>

　　　　　　　　　　　　　　<div class="***"></div>

　　　　　　　　　　　　</div>

轉載于:https://www.cnblogs.com/fxty/p/7044847.html

總結

以上是生活随笔為你收集整理的css选择器及float(浮动)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。