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

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

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

2. 毅力

這個(gè)不用多說(shuō)，凡事都需要它，尤其是寫(xiě)作風(fēng)格?？钍骄湍敲磶讉€(gè)，標(biāo)簽也就那么幾個(gè)，翻來(lái)翻去也不缺。調(diào)整瀏覽器兼容性需要耐心和毅力。如何學(xué)習(xí)div+css

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

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

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

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

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

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

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

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

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

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

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

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