網(wǎng)站制作方法之CSS基本常識
2012/5/15 14:30:04
1、width是個雷
很多網(wǎng)站制作頁面要求寬度自適應(yīng),那么width設(shè)百分比吧,否則塊元素很容易變成粘著不走的狗皮膏藥,當(dāng)沒有定義元素寬度時,瀏覽器撐滿整行,實(shí)際上執(zhí)行的是width:auto,寬度自適應(yīng)。
2、IE6不認(rèn)識min-height
網(wǎng)站制作方法就是_height,有時候明明不需要可變高度,如果喜歡沒原則的min-height,那么記得用_height對付下IE6這個屌絲。
3、float和clear
float和絕對定位都會破壞正常的文檔流,正常流自上而下,而float是一個自左而右或者自右而左的流。clear僅僅是針對上一個浮動元素而言,如果上面沒有元素浮動,那么你要清除啥呢?所謂清除浮動,個人認(rèn)為就是相對于上一個浮動元素,另起一行。
4、position的relative和static的區(qū)別
relative是相對于自己普通流所在位置的定位,而static是文檔普通流,即文檔流的默認(rèn)情況。一般情況,relative跟隨top和left兩個值,當(dāng)然也可以用right和bottom,但切記,一切都是相對于自己的普通流。如果將 position 設(shè)為 relative , absolute 或 fixed,那么元素會覆蓋沒有設(shè)置 position 屬性的元素,姑且把static當(dāng)沒設(shè)position吧。這說明層級關(guān)系中position的權(quán)重是較高的。當(dāng)然如果position有z-index,z-index高的優(yōu)先,否則,設(shè)置了position的比沒設(shè)的高,再然后,如果沒設(shè)position,則按文檔流順序,位于后面位置的元素會覆蓋前面的元素。
5、z-index和overflow
用z-index 屬性設(shè)置元素的堆疊順序。那么擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。不過z-index 屬性僅在節(jié)點(diǎn)的 position 屬性為 relative, absolute 或者 fixed 時有用哦。當(dāng)正常流溢出時,可以選擇overflow的scroll或者h(yuǎn)idden屬性。
什么是溢出?比如父級元素定義的高度是100,子級元素定義的高度是150,這撐不住的50就是溢出。所以溢出只出現(xiàn)在子級元素溢出父級元素的情況。一般想解決溢出問題 就只要在父級元素上加一個overflow屬性。兄弟元素之間按照正常的普通的流走不會出現(xiàn)溢出的情況,但當(dāng)子級元素relative時候,也會出現(xiàn)覆蓋,但這已經(jīng)脫離了溢出的管轄范圍。當(dāng)然父級的overflow對因relative而溢出的子級元素同樣有效。
返回列表
返回首頁
主站蜘蛛池模板:
青青草原亚洲视频|
久久66久这里精品99|
800av凹凸视频在线观看|
成人中文字幕一区二区三区|
亚洲色图黄色小说|
老司机67194精品线观看|
国产成人亚洲精品电影|
5566电影成年私人网站|
天天色天天干天天射|
久久精品夜夜夜夜夜久久|
欧美第一页在线观看|
国产三级精品三级在专区|
tom影院亚洲国产一区二区|
国産精品久久久久久久|
久久久久久久国产a∨|
最新国产精品拍自在线播放
|
四虎网站1515hh四虎|
风间由美中出黑人|
天天做日日做天天添天天欢公交车|
中文字幕欧美日韩一|
日本精品啪啪一区二区三区|
亚洲AV乱码中文一区二区三区|
真实国产乱子伦精品免费|
四只虎免费永久观看|
色综合视频一区二区三区|
国产线路中文字幕|
久久99精品久久久久久青青日本
|
亚洲日韩欧洲无码av夜夜摸|
腿张大点我就可以吃扇贝了|
国产孕妇做受视频在线观看|
99精品国产在热久久|
彩虹男gary网站|
中文字幕日韩有码|
日本dhxxxxxdh14日本|
久久天天躁狠狠躁夜夜2020一|
最新国产精品精品视频|
亚洲三级中文字幕|
欧美性xxxx极品|
亚洲欧美一区二区三区九九九|
老师的兔子好多软水在线看|
国产人妖xxxx做受视频|