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

　　選擇器名稱???????????????? 在css表的形態(tài)??????????????? 在html中的調(diào)用

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

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

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

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

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

選擇器的優(yōu)先級: 行間? >? id選擇器? >? class選擇器? >? 標(biāo)記符選擇器

2.浮動(dòng)（float）

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

　數(shù)值： none -無改動(dòng)。 　　　　　

?????????????? left -將其它元素內(nèi)容放到浮動(dòng)元素右邊。 　　　

　?????????? right -將其它元素內(nèi)容放到浮動(dòng)元素左邊

---------------------float(浮動(dòng))-------------------------

為什么要 清除浮動(dòng)????

　　浮動(dòng)帶來的負(fù)面影響:

　　會(huì)使父級對象的高度消失,

　　導(dǎo)致背景圖片,

　　邊框不能正常顯示,

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

清除浮動(dòng)的三種方式:( 1 ):直接給父級確定的高度; (項(xiàng)目中的擴(kuò)展,不現(xiàn)實(shí) )

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

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

　　　　　　　　　　　　<div>

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

　　　　　　　　　　　　</div>

轉(zhuǎn)載于:https://www.cnblogs.com/fxty/p/7044847.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。