在CSS網頁布局開發中，會有很多小技巧，新手朋友往往對此很不熟悉。因此，搜集了一些關于Div+CSS布局的簡單擴展技巧和用法，其實很簡單，適合新手看。
　
    一、ul標簽在Mozilla中默認是有padding值的，而在IE中只有margin有值。

　　二、同一(yi)個的class選擇(ze)符(fu)(fu)(fu)可以在一(yi)個文檔中(zhong)重復出現，而(er)id選擇(ze)符(fu)(fu)(fu)卻(que)只能出現一(yi)次。對一(yi)個標簽同時使用(yong)class和id進行CSS定義，如果定義有重復，id選擇(ze)符(fu)(fu)(fu)做的定義有效，是因為id的權(quan)重要比class大。

　　三(san)、一(yi)個兼容(rong)性(xing)調整（IE和Mozilla）的(de)笨辦法：初學可能(neng)會碰到這(zhe)樣(yang)一(yi)個情況：同樣(yang)一(yi)個標簽的(de)屬性(xing)在IE設(she)置成A顯示是正常的(de)，而在Mozilla里必須要設(she)成B才能(neng)正常顯示，或者兩個倒過(guo)來。

　　臨時解決方法：選擇(ze)符{屬性(xing)名(ming)：B ！important；屬性(xing)名(ming)：A} 或許(xu)有(you)時候并沒有(you)效果。你可以在搜索(suo)更多(duo)的BUG解決方法。

　　四、如果一組要嵌套(tao)的(de)(de)標(biao)(biao)簽(qian)(qian)之(zhi)間(jian)需要些間(jian)距的(de)(de)話，那就留(liu)給(gei)位于里面(mian)的(de)(de)標(biao)(biao)簽(qian)(qian)的(de)(de)margin屬性吧，而不要去(qu)定義位于外面(mian)的(de)(de)標(biao)(biao)簽(qian)(qian)的(de)(de)padding

　　五、li標(biao)簽前(qian)面(mian)的圖標(biao)推薦使(shi)用background-image，而不是list-style-image.

　　六、IE分不清繼承關(guan)系(xi)和父(fu)子關(guan)系(xi)的(de)差別，全部都是繼承關(guan)系(xi)。

　　七(qi)、在給你的標(biao)簽瘋(feng)狂加選擇符的時候(hou)，別忘了在CSS里(li)給選擇符加上(shang)注釋。等你以后修改你的CSS的時候(hou)就(jiu)知道為什么(me)要(yao)這么(me)做了。另外提醒您(nin)，不要(yao)太(tai)瘋(feng)狂了。

　　八(ba)、如(ru)果你(ni)給一個標(biao)(biao)簽(qian)設(she)置了一個深色(se)調的(de)(de)(de)背(bei)景圖(tu)片和亮色(se)調的(de)(de)(de)文(wen)字效(xiao)果。建(jian)議這個時(shi)候給你(ni)的(de)(de)(de)標(biao)(biao)簽(qian)再設(she)置一個深色(se)調的(de)(de)(de)背(bei)景顏色(se)。因為圖(tu)片丟失了，也(ye)可以保持(chi)文(wen)字的(de)(de)(de)可讀(du)性(xing)。

　　九、定義(yi)鏈接(jie)的四種狀態要注意先后順序： Link Visited Hover Active

　　十(shi)、與內容(rong)無關的(de)圖(tu)片請(qing)使用(yong)background.時刻記住表現(xian)與內容(rong)分離。

　　十(shi)一、定(ding)義顏(yan)色可以縮(suo)寫(xie)#8899FF=#89F

　　十二、table在某些(xie)方(fang)面還是有用武(wu)之地(di)的，在遇(yu)到內(nei)容為(wei)數據表格時(shi)，不要對它產生(sheng)憎恨的心理(li)。

　　十三、<script>沒有(you)language這個屬(shu)性，應(ying)該寫成(cheng)這樣:<script type=”text/javascript”>

　　十四、完美的單象素外框線表格（在IE5、IE6、IE7及FF1.0.4以上中均可通過測試）
　　table{ border-collapse：collapse； }
　　td{ border：#000 solid 1px； }

　　十五、margin取(qu)負(fu)值可以在標簽使用絕對(dui)定位的(de)(de)時候起到(dao)相(xiang)對(dui)定位的(de)(de)作用，在頁面居中顯(xian)示時，使用絕對(dui)定位的(de)(de)層不適合使用left：XXpx這個屬性。把這個層放(fang)到(dao)一個要相(xiang)對(dui)定位的(de)(de)標簽旁(pang)，然(ran)后使用margin的(de)(de)負(fu)值是個好(hao)方法。

　　十六、絕(jue)對(dui)定(ding)位(wei)時使(shi)用(yong)margin值定(ding)位(wei)可(ke)以達到相對(dui)于本身所在(zai)位(wei)置的(de)(de)定(ding)，這與(yu)top，left等屬性相對(dui)與(yu)窗口邊緣的(de)(de)定(ding)位(wei)不同(tong)。絕(jue)對(dui)定(ding)位(wei)的(de)(de)優(you)勢在(zai)于可(ke)以讓其它(ta)元素忽略它(ta)的(de)(de)存在(zai)。

　　十七、如果文(wen)字過長，則將(jiang)過長的部(bu)分變成省(sheng)略號顯示：IE5，FF無效，但(dan)可以隱藏，IE6有效DIV STYLE=“width：120px；height：50px；border：1px solid blue；overflow：hidden；text-overflow：ellipsis”> 就是(shi)比(bi)如有一行(xing)文(wen)字，很(hen)長，表格內一行(xing)顯示不(bu)下。

　　十八、在IE中可(ke)能由(you)于注釋帶來的文字重復問題時(shi)可(ke)以(yi)把注釋改為(wei)：

　　<！–[if ！IE]>Put your commentary in here…<！[endif]–>

　　十(shi)九、如何用CSS調(diao)用外部(bu)字體(ti)語法：@font-face{font-family：name；src：url（url）；sRules}取值(zhi)(zhi)：name：字體(ti)名(ming)稱(cheng)。任何可能的(de) font-family 屬(shu)性的(de)值(zhi)(zhi)url（url）：使(shi)用絕(jue)對(dui)或相(xiang)對(dui) url 地(di)址指定OpenType字體(ti)文件sRules：樣式表定義(yi)

　　二(er)十、如何讓一個(ge)表(biao)單(dan)中(zhong)的文(wen)本(ben)框(kuang)中(zhong)的文(wen)字垂直居中(zhong)？

　　如果用行高與高度(du)的(de)組在(zai)FF中(zhong)是(shi)(shi)沒有效果的(de)，辦法就是(shi)(shi)定義上(shang)下補(bu)白就可以實現想想的(de)效果了。

　　二十一、定(ding)義(yi)(yi)A標簽要(yao)注意的小問題：當我們(men)定(ding)義(yi)(yi)a{color：red；}時，它(ta)代表了(le)(le)A的四(si)種狀(zhuang)態的樣式(shi)，如果此(ci)時要(yao)定(ding)義(yi)(yi)一個(ge)鼠(shu)標放上的狀(zhuang)態只(zhi)要(yao)定(ding)義(yi)(yi)a：hover就可(ke)以了(le)(le)，其它(ta)三(san)種狀(zhuang)態就是A中所定(ding)義(yi)(yi)的樣式(shi)。只(zhi)定(ding)義(yi)(yi)了(le)(le)一個(ge)a：link時，一定(ding)要(yao)記(ji)得把其它(ta)三(san)種狀(zhuang)態定(ding)義(yi)(yi)出來(lai)！