国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS 學習筆記

2024-07-11 08:38:57
字體:
來源:轉載
供稿:網友

id和class到底要用哪一個?
  首先要明白id和class的各自的優缺點。這樣才能根據他們的各自的特點進行使用。
id的優點(class的缺點):id寫在css用"#"選擇器,class寫在css中用"."選擇器。"#"選擇器的優先級高于"."選擇器大約10倍,所以當你需要提升優先級的時候,id標簽,或者id容器內的標簽將是很容易和有效的。而class標簽,或者class容器內的標簽將可能導致優先級的提升失敗。

id的缺點(class的優點):id應該是唯一的,所以它的可復用性是很差的,而class是可以復用的。所以如果一塊東西是多個頁面,甚至一個頁面都會使用多次的,那么一定要使用class來作為樣式選擇器。id是唯一的,當一個控件的id的產生是不可控的,那么這個id選擇器將失去意義,但是任何一個控件即使是動態產生的,他的cssClass仍然是可定制的,所以當你的這個標簽需要用服務器端控件替代的時候,而服務器端控件的id是不確定的,那么請使用class選擇器,這樣只要將服務器端控件的cssClass設為你class選擇器的名稱即可。(當然,這個還需要大量的經驗的積累,項目做的多了就會逐步的改進)

padding和margin到底要用哪一個?
padding和margin可以讓一塊區域的外觀顯示完全一樣。所以可能讓很多人認為padding和margin是可以互換的。其實它們的差別很大,而且選擇哪個需要認真和慎重地考慮。我認為對容器使用padding還是對容器內的標簽使用margin的原則:當隱藏這個容器或者容器內的標簽時(現實項目中其實經常需要將某個部件隱藏、顯示),對整體布局影響最小為益。

對于padding再說一句:ie6,ie7(FF)對帶有padding樣式的標簽的寬度的解析是不一樣的。ie6的標簽寬度不包含padding-left和padding-right的值,而ie7和ff則是包含的。例如一個div的width設置100px,padding設為10px,而在ie6中它要占據的寬度是120px(包含10個padding-left和10個padding-right),而在ie7和ff中則占據100px的寬度。因為ie7和ff會認為100已經包含了20px的padding。

min-height和height
如果你只需要兼容ie6那么你完全不需要注意min-height這個樣式,因為ie6根本就不支持這個樣式。但是當你的頁面需要照顧到ie7和ff的時候,這個樣式一定要注意。因為很多在ie6下設置了height=固定值的樣式,當容器被里面的東西撐的大于這個高度的時候,ie7和ff是不會自適應高度的。從而導致布局的混亂。要想在ie6,ie7和ff中都可以自適應高度,正確的做法是設置min-height和用cssHack設置height。例如:
min-height:600px;
_height:600px;
這樣,在容器里面的東西很少的時候,它顯示固定高度600px,但當里面的東西很多的時候,它也會自適應的增長高度。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 阳谷县| 邳州市| 青海省| 信阳市| 积石山| 峡江县| 黎平县| 洛浦县| 剑河县| 黄梅县| 泰顺县| 栖霞市| 库伦旗| 永胜县| 景洪市| 鄂托克旗| 浠水县| 浮山县| 紫阳县| 浮梁县| 砚山县| 久治县| 五家渠市| 安康市| 潼关县| 赤城县| 和顺县| 克什克腾旗| 廊坊市| 南木林县| 城市| 连山| 大冶市| 梁山县| 洞头县| 房产| 武夷山市| 特克斯县| 澄江县| 尉犁县| 安新县|