Posted on 2006-06-21 06:22
shaofan 閱讀(934)
評論(0) 編輯 收藏 所屬分類:
其他
1.理解頁面流(flow)，理解幾種不同的定位方式：static, relative, absolute等
Positioning and other definitions:
http://css.maxdesign.com.au/floatutorial/definitions.htm ?
2.HTML頁面表達(dá)內(nèi)容邏輯，把樣式控制寫到CSS文件中
3.浮動(float)的DIV要配合width屬性來用
4.怎樣控制層的位置：用float，padding，width，height這些屬性來控制
Float Tutorial:
http://css.maxdesign.com.au/floatutorial/index.htm5.設(shè)置可見的border或background-color來幫助排版
6.出現(xiàn)內(nèi)層的DIV跑到外層之外的情況時，可以在外層DIV的</DIV>前加上一個clear層來解決問題。就是這樣：
?? <div class="container">
?? ?...
?? ?...
?? ?<div class="clear"></div>
? </div>
? css:
? .clear{
?? ?clear:both;
? }
7.樣式表的選擇符(Selector)：
?? Type/Class/ID等
? Selector Tutorial:
http://css.maxdesign.com.au/selectutorial/index.htm8.關(guān)于表單的樣式設(shè)計：
讓我們更好的設(shè)計表單:淺議Web的表單設(shè)計
http://tech.163.com/06/0529/04/2I8UPHTB0009158Q.html用CSS制作具有親和力的表單 作者：greengnn
http://www.jluvip.com/blog/article.asp?id=1929.各種瀏覽器對各種標(biāo)簽用不同的方式渲染，如p, h1, ul等，它們會有不同的padding和margin，為了在各種瀏覽器下都正常的顯示，可以把它們清零，如：
*{
?? ?padding:0;
?? ?margin:0;
}
10.使用list來顯示數(shù)據(jù)或菜單
List Tutorial:
http://css.maxdesign.com.au/listamatic/http://css.maxdesign.com.au/listamatic2/http://css.maxdesign.com.au/listutorial/11.關(guān)于各種標(biāo)準(zhǔn)，布局，技巧等的網(wǎng)站：
網(wǎng)頁設(shè)計師：
http://www.w3cn.org/CSS教程：
http://www.netvtm.com/w3s/css/網(wǎng)頁制作指導(dǎo) - 致力于網(wǎng)頁制作知識的普及：
http://www.jianzhan8.cn/當(dāng)然還有必不可少的經(jīng)典論壇blueidea：
http://www.blueidea.com/bbs/list.asp?GroupName=%CD%F8%D2%B3%B1%EA%D7%BC%BB%AF%D7%A8%C0%B8