網站制作方法之CSS基本常識
2012/5/15 14:30:04
1、width是個雷
很多網站制作頁面要求寬度自適應,那么width設百分比吧,否則塊元素很容易變成粘著不走的狗皮膏藥,當沒有定義元素寬度時,瀏覽器撐滿整行,實際上執行的是width:auto,寬度自適應。
2、IE6不認識min-height
網站制作方法就是_height,有時候明明不需要可變高度,如果喜歡沒原則的min-height,那么記得用_height對付下IE6這個屌絲。
3、float和clear
float和絕對定位都會破壞正常的文檔流,正常流自上而下,而float是一個自左而右或者自右而左的流。clear僅僅是針對上一個浮動元素而言,如果上面沒有元素浮動,那么你要清除啥呢?所謂清除浮動,個人認為就是相對于上一個浮動元素,另起一行。
4、position的relative和static的區別
relative是相對于自己普通流所在位置的定位,而static是文檔普通流,即文檔流的默認情況。一般情況,relative跟隨top和left兩個值,當然也可以用right和bottom,但切記,一切都是相對于自己的普通流。如果將 position 設為 relative , absolute 或 fixed,那么元素會覆蓋沒有設置 position 屬性的元素,姑且把static當沒設position吧。這說明層級關系中position的權重是較高的。當然如果position有z-index,z-index高的優先,否則,設置了position的比沒設的高,再然后,如果沒設position,則按文檔流順序,位于后面位置的元素會覆蓋前面的元素。
5、z-index和overflow
用z-index 屬性設置元素的堆疊順序。那么擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。不過z-index 屬性僅在節點的 position 屬性為 relative, absolute 或者 fixed 時有用哦。當正常流溢出時,可以選擇overflow的scroll或者hidden屬性。
什么是溢出?比如父級元素定義的高度是100,子級元素定義的高度是150,這撐不住的50就是溢出。所以溢出只出現在子級元素溢出父級元素的情況。一般想解決溢出問題 就只要在父級元素上加一個overflow屬性。兄弟元素之間按照正常的普通的流走不會出現溢出的情況,但當子級元素relative時候,也會出現覆蓋,但這已經脫離了溢出的管轄范圍。當然父級的overflow對因relative而溢出的子級元素同樣有效。
返回列表
返回首頁
主站蜘蛛池模板:
手机av在线播放|
波多野结衣爱爱|
国产成人精品日本亚洲专区6
|
中文字幕在线日韩|
日韩美视频网站|
亚洲国产精品无码久久久秋霞2|
999国产精品|
尤物视频网站在线|
久久一本一区二区三区|
曰批免费视频试看天天视频下|
亚洲欧洲精品视频在线观看|
男人桶女人的肌肌30分|
午夜时刻免费实验区观看|
被黑人猛躁10次高潮视频|
国产成年无码久久久久毛片|
1300部小u女视频大全合集|
在线精品免费视频无码的|
yy6080理aa级伦大片一级毛片|
无翼乌全彩之大雄医生|
久久精品女人天堂AV免费观看|
欧美人成网站免费大全|
亚洲欧美日韩在线观看看另类|
男人j桶女人p免费视频|
动漫美女被爆羞羞免费|
羞羞视频免费网站含羞草|
国产亚洲欧美久久久久|
黑人巨茎大战欧美白妇|
国产精品一区久久|
18未年禁止免费观看|
国产麻豆视频免费观看|
xxxx国产视频|
小莹与翁回乡下欢爱姿势|
中文字幕一精品亚洲无线一区|
日本中文字幕第一页|
久久国产精品免费一区二区三区|
最新中文字幕电影免费观看|
亚洲一区精品无码|
欧美乱人伦视频|
亚洲区与欧美区|
欧美人与物videos另类xxxxx|
亚洲日本韩国在线|