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