內(nèi)容提要：1.毅力2.堅(jiān)持用記事本寫3.養(yǎng)成好的書寫習(xí)慣如何學(xué)習(xí)div+css

1.養(yǎng)成良好的書寫習(xí)慣

記得大學(xué)時一位教我們的delphi老師說過，優(yōu)秀的程序員寫出的程序就像詩一樣，勻稱優(yōu)美。我想說我們在寫html和styles的時候也應(yīng)該這樣。比如在寫html網(wǎng)站制作的時候，我的習(xí)慣是成對的寫div標(biāo)簽，然后填寫內(nèi)容。否則很容易丟掉結(jié)束標(biāo)簽，也很難排錯。有人會說寫簡單的頁面還好，但是寫大的頁面，一般都是幾十個嵌套在一起，很容易寫成字符串。有必要依靠適當(dāng)?shù)淖⑨尯涂s進(jìn)來避免它。寫css的時候，網(wǎng)上有很多推薦的規(guī)范，比如menu要menu，copyright要CoryRight，bottom要footer等等，寫的順序一般是：display attribute-self attribute-text attribute。當(dāng)然，這些并沒有硬性規(guī)定，但是遵循一些不成文的規(guī)定并不是壞事，這樣你寫的代碼就可以很容易被別人閱讀。如何學(xué)習(xí)div+css

2. 毅力

這個不用多說，凡事都需要它，尤其是寫作風(fēng)格。款式就那么幾個，標(biāo)簽也就那么幾個，翻來翻去也不缺。調(diào)整瀏覽器兼容性需要耐心和毅力。如何學(xué)習(xí)div+css

3.堅(jiān)持使用記事本

我才接觸div+css一年，所以也是初學(xué)者。我一開始是在DW里面拖拽的。做事從來不在設(shè)計(jì)視圖里看，也不關(guān)心頁面代碼。老師也是這么教的。當(dāng)時網(wǎng)頁的概念是圖片和動畫的堆積。畢業(yè)工作后，我很幸運(yùn)遇到了一個很好的導(dǎo)師，他在一開始學(xué)習(xí)CSS的過程中給了我很大的幫助。我被要求用記事本寫字，所以我向隔壁的藝術(shù)家借了一本書。外國的具體名字忘記了，紅白相間的封面。還有一本叫《CSS基礎(chǔ)教程》的書，感覺還不錯。下載了蘇宇的css幫助手冊，邊看手冊邊寫。

也許我的方法不是最好的，但它對我有用。如果一開始太依賴軟件，那么css中的很多樣式需要很長時間才能記住，而且不好用。逐步背誦手冊中的各個樣式后，為了提高開發(fā)效率，使用（Dreamweaver簡稱，下同）編寫。

網(wǎng)頁設(shè)計(jì)： DIV+CSS網(wǎng)頁瀏覽器兼容性問題

DIV+CSS 網(wǎng)頁瀏覽器兼容性問題

1.放棄IE5和IE5.5，只支持最新的瀏覽器，可以節(jié)省很多時間。

2.對于IE6，沒有必要使用盒模型Hack。如果你只針對流行的瀏覽器，你只需要一些Hacks 就可以達(dá)到同樣的效果。

我關(guān)注了網(wǎng)易新首頁的CSS，沒有!important和Hack，但是在FF和IE中顯示效果很好。合理使用CSS可以避免Hack。當(dāng)然，調(diào)試的時間會更多。

3. 包含浮動元素容器內(nèi)的所有內(nèi)容都應(yīng)該設(shè)計(jì)成與容器保持一致。如果太大，它會滑到錯誤的位置。在容器外使用負(fù)邊距調(diào)整也會造成滑動。

例子：Overflow 如果頁面中有兩個浮動元素，如果左邊容器輸出過多的內(nèi)容，會導(dǎo)致右邊容器跑到下面。也就是你的margin,width或者padding設(shè)置亂了，但是在FF中反映不出來。使用overflow:hidden 或overflow:scroll 來防止IE 允許內(nèi)容溢出容器。

本文發(fā)表于北京網(wǎng)站建設(shè)公司推來客http://www.tlkjt.com/

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗(yàn)，每一個項(xiàng)目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！