小男孩‘自慰网亚洲一区二区,亚洲一级在线播放毛片,亚洲中文字幕av每天更新,黄aⅴ永久免费无码,91成人午夜在线精品,色网站免费在线观看,亚洲欧洲wwwww在线观看

分享

id與class、padding和margin、min-height和height

 昵稱1069006 2010-03-24
id和class到底要用哪一個?
首先要明白id和class的各自的優(yōu)缺點。這樣才能根據(jù)他們的各自的特點進行使用。
id的優(yōu)點(class的缺點):id寫在css用"#"選擇器,class寫在css中用"."選擇器。"#"選擇器的優(yōu)先級高于"."選擇器大約 10倍,所以當你需要提升優(yōu)先級的時候,id標簽,或者id容器內(nèi)的標簽將是很容易和有效的。而class標簽,或者class容器內(nèi)的標簽將可能導致優(yōu) 先級的提升失敗。
id的缺點(class的優(yōu)點):id應(yīng)該是唯一的,所以它的可復用性是很差的,而class是可以復用的。所以如果一塊東 西是多個頁面,甚至一個頁面都會使用多次的,那么一定要使用class來作為樣式選擇器。id是唯一的,當一個控件的id的產(chǎn)生是不可控的,那么這個id 選擇器將失去意義,但是任何一個控件即使是動態(tài)產(chǎn)生的,他的cssClass仍然是可定制的,所以當你的這個標簽需要用服務(wù)器端控件替代的時候,而服務(wù)器 端控件的id是不確定的,那么請使用class選擇器,這樣只要將服務(wù)器端控件的cssClass設(shè)為你class選擇器的名稱即可。(當然,這個還需要 大量的經(jīng)驗的積累,項目做的多了就會逐步的改進)
padding和margin到底要用哪一個? 
padding和margin可以讓一塊區(qū)域的外觀顯示完全一樣。所以可能讓很多人認為padding和margin是可以互換的。其實它們的差別很 大,而且選擇哪個需要認真和慎重地考慮。我認為對容器使用padding還是對容器內(nèi)的標簽使用margin的原則:當隱藏這個容器或者容器內(nèi)的標簽時 (現(xiàn)實項目中其實經(jīng)常需要將某個部件隱藏、顯示),對整體布局影響最小為益。
對于padding再說一句:ie6,ie7(FF)對帶有 padding樣式的標簽的寬度的解析是不一樣的。ie6的標簽寬度不包含padding-left和padding-right的值,而ie7和ff則 是包含的。例如一個div的width設(shè)置100px,padding設(shè)為10px,而在ie6中它要占據(jù)的寬度是120px(包含10個 padding-left和10個padding-right),而在ie7和ff中則占據(jù)100px的寬度。因為ie7和ff會認為100已經(jīng)包含了 20px的padding。
min-height和height
如果你只 需要兼容ie6那么你完全不需要注意min-height這個樣式,因為ie6根本就不支持這個樣式。但是當你的頁面需要照顧到ie7和ff的時候,這個 樣式一定要注意。因為很多在ie6下設(shè)置了height=固定值的樣式,當容器被里面的東西撐的大于這個高度的時候,ie7和ff是不會自適應(yīng)高度的。從 而導致布局的混亂。要想在ie6,ie7和ff中都可以自適應(yīng)高度,正確的做法是設(shè)置min-height和用cssHack設(shè)置height。例如: copyright cneduit
 

min-height:600px;
_height:600px; copyright cneduit

這樣,在容器里面的東西很少的時候,它顯示固定高度600px,但當里面的東西很多的時候,它也會自適應(yīng)的增長高度。
對于height的設(shè)置一定要特別注意,如果是布局用的容器的height則需要特別的注意,否則在ff中會導致無法浮起,從而使布局混亂。 內(nèi)
詳文鏈接:http://www./Design/web/

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多