歡迎訪(fǎng)問(wèn)世紀網(wǎng)絡(luò )官網(wǎng),寶雞網(wǎng)站建設SEO優(yōu)化已累計服務(wù)超過(guò)900家企業(yè)!     咨詢(xún)熱線(xiàn):13619273150

15年網(wǎng)站建設優(yōu)化經(jīng)驗,900家客戶(hù)的選擇,值得信賴(lài)!


網(wǎng)頁(yè)設計之16點(diǎn)CSS布局技巧

作者:佚名      發(fā)布時(shí)間:2012-02-07      瀏覽:1975

62.9K


寶雞市世紀網(wǎng)絡(luò )是在寶雞市工商局注冊的專(zhuān)業(yè)提供網(wǎng)站建設、網(wǎng)站優(yōu)化、網(wǎng)站推廣,軟件開(kāi)發(fā)的高新技術(shù)企業(yè), 一直致力于面向寶雞地區黨政機關(guān)、企事業(yè)單位提供大中型門(mén)戶(hù)網(wǎng)站解決方案、 OA 辦公自動(dòng)化系統解決方案,以及中小型應用軟件開(kāi)發(fā)及其它信息化外包業(yè)務(wù)。目前已承建寶雞地區近630多家政府網(wǎng)站、企業(yè)網(wǎng)站,是寶雞網(wǎng)站建設行業(yè)規模最大、客戶(hù)數量最多、技術(shù)力量雄厚的寶雞網(wǎng)絡(luò )公司。以下內容由世紀網(wǎng)絡(luò )為你轉載。

  1、margin取負值可以在標簽使用絕對定位的時(shí)候起到相對定位的作用,在網(wǎng)站制作頁(yè)面居中顯示時(shí),使用絕對定位的層不適合使用left:XXpx這個(gè)屬性。把這個(gè)層放到一個(gè)要相對定位的標簽旁,然后使用margin的負值是個(gè)好方法。

  2、定義顏色可以縮寫(xiě)#8899FF=#89F

  3、如果一組要嵌套的標簽之間需要些間距的話(huà),那就留給位于里面的標簽的margin屬性吧,而不要去定義位于外面的標簽的padding

  4、ul標簽在Mozilla中默認是有padding值的,而在IE中只有margin有值。

  5、在給你的標簽瘋狂加選擇符的時(shí)候,別忘了在CSS里給選擇符加上注釋。等你以后修改你的CSS的時(shí)候就知道為什么要這么做了。

  6、同一個(gè)的class選擇符可以在一個(gè)文檔中重復出現,而id選擇符卻只能出現一次。對一個(gè)標簽同時(shí)使用class和id進(jìn)行CSS定義,如果定義有重復,id選擇符做的定義有效,是因為id的權重要比class大。

  7、絕對定位時(shí)使用margin值定位可以達到相對于本身所在位置的定,這與top,left等屬性相對與窗口邊緣的定位不同。絕對定位的優(yōu)勢在于可以讓其它元素忽略它的存在。

  8、table在某些方面還是有用武之地的,在遇到內容為數據表格時(shí),不要對它產(chǎn)生憎恨的心理。

  9、定義鏈接的四種狀態(tài)要注意先后順序: Link Visited Hover Active

  10、如果你給一個(gè)標簽設置了一個(gè)深色調的背景圖片和亮色調的文字效果。建議這個(gè)時(shí)候給你的標簽再設置一個(gè)深色調的背景顏色。因為圖片丟失了,也可以保持文字的可讀性。

  11、li標簽前面的圖標推薦使用background-image,而不是list-style-image.

  12、一個(gè)兼容性調整(IE和Mozilla)的笨辦法:初學(xué)可能會(huì )碰到這樣一個(gè)情況:同樣一個(gè)標簽的屬性在IE設置成A顯示是正常的,而在Mozilla里必須要設成B才能正常顯示,或者兩個(gè)倒過(guò)來(lái)。臨時(shí)解決方法:選擇符{屬性名:B !important;屬性名:A} 或許有時(shí)候并沒(méi)有效果。你可以在搜索更多的BUG解決方法。

  13、如果文字過(guò)長(cháng),則將過(guò)長(cháng)的部分變成省略號顯示:IE5,FF無(wú)效,但可以隱藏,IE6有效DIV STYLE=“width:120px;height:50px;border:1px solid blue;overflow:hidden;text-overflow:ellipsis”

  14、完美的單象素外框線(xiàn)表格 table{ border-collapse:collapse; } td{ border:#000 solid 1px; }

  15、與內容無(wú)關(guān)的圖片請使用background.時(shí)刻記住表現與內容分離。

16、IE分不清網(wǎng)站制作中的繼承關(guān)系和父子關(guān)系的差別,全部都是繼承關(guān)系。



0