- 選擇器
- 后代選擇器:選擇所有合乎規(guī)則的后代元素∷薪空格連接汽煮。
- 相鄰后代選擇器:僅僅選擇合乎規(guī)則的兒子元素,孫子棚唆、重孫元素忽略暇赤,因此又稱“子選擇器”。用 > 連接宵凌。
- 兄弟選擇器:選擇當(dāng)前元素后面的所有合乎規(guī)則的兄弟元素鞋囊。用 ~ 連接。適用 IE7 以上版本瞎惫。
- 相鄰兄弟選擇器:僅僅選擇當(dāng)前元素相鄰的那個合乎規(guī)則的兄弟元素溜腐。用 + 連接。適用 IE7 以上版本瓜喇。
火狐認(rèn)為
:active
發(fā)生在mousedown
事件之后挺益。文字少居中對齊,文字多左對齊乘寒。CSS 代碼:
.box{
text-align: center;
}
.content{
display: inline-block;
text-align: left;
}
height: 100%
只有在設(shè)定顯式的高度值或者使用絕對定位后才支持望众。為了提高加載性能以及節(jié)約寬帶費用,首屏以下的圖片就會通過滾屏加載的方式異步加載伞辛,然后烂翰,這個即將被異步加載的圖片為了布局穩(wěn)健、體驗良好始锚,往往會使用一張透明的圖片占位刽酱。比如:
<img src="transparent.png">
實際上,這個透明圖片也是多余的資源瞧捌,我們直接:
<img>
然后配合下面的 CSS
可以實現(xiàn)一樣的效果:
img { visibility: hidden; }
img[src] { visibility: visible; }
注意棵里,這里的 <img> 直接沒有 src
屬性,是直接沒有姐呐,而不是 src=''
殿怜,src=''
在很多瀏覽器依然會有請求,而且請求的是當(dāng)前頁面數(shù)據(jù)曙砂。當(dāng)圖片的 src
屬性缺省的時候头谜,圖片不會有任何請求,是最高效的方式鸠澈。