內(nèi)容提要:1.毅力2.堅持用記事本寫3.養(yǎng)成好的書寫習慣如何學習div+css
1.養(yǎng)成良好的書寫習慣
記得大學時一位教我們的delphi老師說過,優(yōu)秀的程序員寫出的程序就像詩一樣,勻稱優(yōu)美。我想說我們在寫html和styles的時候也應該這樣。比如在寫html網(wǎng)站制作的時候,我的習慣是成對的寫div標簽,然后填寫內(nèi)容。否則很容易丟掉結(jié)束標簽,也很難排錯。有人會說寫簡單的頁面還好,但是寫大的頁面,一般都是幾十個嵌套在一起,很容易寫成字符串。有必要依靠適當?shù)淖⑨尯涂s進來避免它。寫css的時候,網(wǎng)上有很多推薦的規(guī)范,比如menu要menu,copyright要CoryRight,bottom要footer等等,寫的順序一般是:display attribute-self attribute-text attribute。當然,這些并沒有硬性規(guī)定,但是遵循一些不成文的規(guī)定并不是壞事,這樣你寫的代碼就可以很容易被別人閱讀。如何學習div+css
2. 毅力
這個不用多說,凡事都需要它,尤其是寫作風格??钍骄湍敲磶讉€,標簽也就那么幾個,翻來翻去也不缺。調(diào)整瀏覽器兼容性需要耐心和毅力。如何學習div+css
3.堅持使用記事本
我才接觸div+css一年,所以也是初學者。我一開始是在DW里面拖拽的。做事從來不在設計視圖里看,也不關心頁面代碼。老師也是這么教的。當時網(wǎng)頁的概念是圖片和動畫的堆積。畢業(yè)工作后,我很幸運遇到了一個很好的導師,他在一開始學習CSS的過程中給了我很大的幫助。我被要求用記事本寫字,所以我向隔壁的藝術(shù)家借了一本書。外國的具體名字忘記了,紅白相間的封面。還有一本叫《CSS基礎教程》的書,感覺還不錯。下載了蘇宇的css幫助手冊,邊看手冊邊寫。
也許我的方法不是最好的,但它對我有用。如果一開始太依賴軟件,那么css中的很多樣式需要很長時間才能記住,而且不好用。逐步背誦手冊中的各個樣式后,為了提高開發(fā)效率,使用(Dreamweaver簡稱,下同)編寫。
網(wǎng)頁設計: DIV+CSS網(wǎng)頁瀏覽器兼容性問題
DIV+CSS 網(wǎng)頁瀏覽器兼容性問題
1.放棄IE5和IE5.5,只支持最新的瀏覽器,可以節(jié)省很多時間。
2.對于IE6,沒有必要使用盒模型Hack。如果你只針對流行的瀏覽器,你只需要一些Hacks 就可以達到同樣的效果。
我關注了網(wǎng)易新首頁的CSS,沒有!important和Hack,但是在FF和IE中顯示效果很好。合理使用CSS可以避免Hack。當然,調(diào)試的時間會更多。
3. 包含浮動元素容器內(nèi)的所有內(nèi)容都應該設計成與容器保持一致。如果太大,它會滑到錯誤的位置。在容器外使用負邊距調(diào)整也會造成滑動。
例子:Overflow 如果頁面中有兩個浮動元素,如果左邊容器輸出過多的內(nèi)容,會導致右邊容器跑到下面。也就是你的margin,width或者padding設置亂了,但是在FF中反映不出來。使用overflow:hidden 或overflow:scroll 來防止IE 允許內(nèi)容溢出容器。
本文發(fā)表于北京網(wǎng)站建設公司推來客http://www.tlkjt.com/
我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!