個性原創,打造品牌

拒絕模仿抄襲、拒絕模板建站;
多位資深網頁設計師同時設計,讓您優中選優;
網站獨一無二,品牌輕易提升...

了解詳情 >

代碼規范,國際標準

后臺php+mysql動態管理,功能強大,千萬級數據;
前臺div+css生成靜態,代碼精簡,訪問速度快,
符合w3c國際標準,兼容ie/火狐/蘋果等任意瀏覽器...

了解詳情 >

細微高效,全程無憂

域名一個,主機一臺;
主機BGP多線路,5G存儲空間,流量不限;
新聞錄入、圖片處理、數據備份、安全監測、網站升級...

了解詳情 >

移動時代,機不可失

全新視覺、創新操作;
跨平臺兼容,微信無縫對接;
不容錯過的手機網絡商機,不能錯過的手機網站時代...

了解詳情 >

搜索領先,鎖定訪客

在主流搜索引擎的搜索結果中,
網站的名稱,排在第一頁的第一名,
網站其他相關的3-5個關鍵詞,排在第一頁...

了解詳情 >

營銷利器,決勝千里

全國統一呼叫,品牌企業的象標志。
中國電信4008/4009、中國聯通4000/4006,號碼任選;
通話資費預存...

了解詳情 >
以“信”為主的服務理念,“源”為標桿的服務特點351532641點擊咨詢010-86203368聯系電話
CSS問題設計問題程序問題優化問題

網站建設中應該掌握的八個CSS布局技巧

發布時間:2012-10-08      瀏覽次數:863

1.若有疑問立即檢測

在出錯時若能對原始代碼做簡單檢測可以省去很多頭痛問題。W3C對于XHTMLCSS都有檢測工具可用,請見http://validator.w3.org 請注意,在文件開頭的錯誤,可能因為不當的結構等因素造成更多錯誤;我們建議先修正一些最明顯的錯誤之后重新檢測,這樣也許會讓錯誤數量爆減。

2.使用浮動功能時記得適當清除指令

浮動是個危險的功能,未必會產生您所期望的結果。如果您遇到浮動元素延伸到外圍容器的邊框或者其他不正常情況,請先確定您的做法是正確的。請參閱Eric MeyerComplex Spiral Consulting Web網站上的教學。

3.邊界重合時利用paddingborder來避免

您可能會為了一點不應該出現的空間而焦頭爛額,或者您需要一點點空間時,怎樣都擠不出來。如果您有用到margin,那么很容易產生邊界的重合;Andy Budd在他的網站上解釋了可能的做法。

4.嘗試避免同時對元素指定padding/border以及高度或寬度

WindowsIE經常導致widthheight的計算問題。有些方法可以解決此問題,但如果母元素需要指定高度與寬度時,最好能夠在母元素之內的子元素套用margin,或者當子元素需要指定高度與寬度時,在母元素套用padding以達效果。

5.不要依賴min-width/min-height

WindowsIE并不支援兩種語法。但是在某種程度下,windowsIE可以達到相當于min-width/min-height的效果,所以只要對IE做點過濾功能,即可達到您想要的結果。

6.若有疑問,先減少百分比

有時候某些錯誤會使50%+50%成為100.1%,使網頁出現問題。這時請嘗試將這些值改為49%,甚至49.9%

7.記住“TRouBLed”寫法

Bordermarginpadding的簡寫語法有特定順序,從上方開始順時針方向轉動:top,right,bottom,left.所以margin:0 1px 3px 5px;的結果是上方無邊界,右邊1像素,以此類推。記住“TRouBLe”,您就不會弄錯次序了。

8.只要不是零的值,都要指定單位

CSS需要您對每個fontMargin等各種值指定單位。(唯一的例外是line-height

上一篇:正確理解DIV+CSS,用XHTML標簽結構進行CSS布局
下一篇:DIV+CSS入門指南

Copyright©2016  xinycx.com  All Rights Reserved  北京信源創想科技有限公司  備案號:京ICP備17071760號
地址:北京市海淀區閔莊路門頭馨村北二區33號樓3單元102室  電話:010-86203368  

北京網站建設 北京網站制作 信源創想 品牌網站建設 企業網站建設 網站設計 APP開發 微信開發 前端切圖 DIV+CSS html5切圖 APP切圖

海南七星彩玩法