用CSS建設(shè)網(wǎng)站的實例_CSS教程
教程Tag：暫無Tag,歡迎添加,賺取U幣!
本篇已得到原作者Steve Dennis的翻譯準(zhǔn)予，在此Jorux表示感謝！
本教程主要參考Creating a CSS Layout from scratch，由Jorux翻譯，以意譯為主，其間加入了不少Jorux的個人觀點，省略了一些多余的說明，請讀者明鑒。
第一步：規(guī)劃網(wǎng)站，本教程將以圖示為例構(gòu)建網(wǎng)站
1.規(guī)劃網(wǎng)站，本教程將以下圖為例構(gòu)建網(wǎng)站。
其基本布局見下圖：
主要由五個部分構(gòu)成：
1.Main Navigation 導(dǎo)航條，具有按鈕特效。 Width: 760px Height: 50px
2.Header 網(wǎng)站頭部圖標(biāo)，包含網(wǎng)站的logo和站名。 Width: 760px Height: 150px
3.Content 網(wǎng)站的主要內(nèi)容。 Width: 480px Height: Changes depending on content
4.Sidebar 邊框，一些附加信息。 Width: 280px Height: Changes depending on
5.Footer 網(wǎng)站底欄，包含版權(quán)信息等。 Width: 760px Height: 66px
相關(guān)CSS教程：
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
猜你也喜歡看這些
- 九個W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問題
- XHTML基礎(chǔ)：表單name與id的區(qū)別和相似之處
- HTML表格標(biāo)記教程(4):邊框色屬性BORDERCOLOR
- HTML初級教程鏈接
- XHTML具有語義的標(biāo)簽：有關(guān)H1位置的討論
- HTML網(wǎng)頁圖片標(biāo)記
- 表格邊框的css語法
- HTML表格標(biāo)記教程(41):表頭的寬度和高度屬性WIDTH、HEIGHT
- HTML基礎(chǔ):HTML的基本結(jié)構(gòu)
- HTML表格標(biāo)記詳細(xì)講解(適合初學(xué)者)
- 相關(guān)鏈接：
- 教程說明：
CSS教程-用CSS建設(shè)網(wǎng)站的實例
。