作為一個專業(yè)的SEO從業(yè)者，必須要有一定的網(wǎng)站設(shè)計(jì)基礎(chǔ)、DIV和CSS基礎(chǔ)知識。這樣才能更好的幫助你去做SEO。為此，特意整理了DIV+CSS教程、DIV+CSS布局、DIV+CSS實(shí)例教程，方便大家閱讀學(xué)習(xí)。這篇文章主要匯總了WEB標(biāo)準(zhǔn)（DIV+CSS）的基礎(chǔ)講解。
第一天：XHTML CSS基礎(chǔ)知識
1. 文檔類型
2. 語言編碼
3. html標(biāo)簽
4. css樣式
5. css優(yōu)先級
6. css盒模型組成
第二天：一列布局
1、 一列固定寬度
2、一列固定寬度居中
3、一列自適應(yīng)寬度
4、一列自適應(yīng)寬度居中
5、一列二至多塊布局
第三天：二列和三列布局
1、二列自適應(yīng)寬度
2、二列固定寬度
3、二列固定寬度居中
4、xhtml的塊級元素(div)和內(nèi)聯(lián)元素(span)
5、float屬性
6、三列自適應(yīng)寬度
7、三列固定寬度
8、三列固定寬度居中
9、IE6的3像素bug
第四天：縱向?qū)Ш讲藛渭岸墢棾霾藛?/span>
1、縱向列表
2、標(biāo)簽的默認(rèn)樣式
3、css派生選擇器
4、css選擇器的分組
5、縱向二級列表
6、相對定位和絕對定位
第五天：超鏈接偽類
1、鏈接的四種樣式
2、將鏈接轉(zhuǎn)換為塊狀
3、用css制作按鈕
4、首字下沉
第六天：html列表
1、ul無序和ol有序列表
2、改變項(xiàng)目符號樣式或用圖片定義項(xiàng)目符號
3、橫向圖文列表
4、浮動后父容器高度自適應(yīng)
5、IE6的雙倍邊距bug
第七天：橫向?qū)Ш讲藛?/span>
1、橫向列表菜單
2、用圖片美化的橫向?qū)Ш?
3、css Sprites
第八天：下拉及多級彈出菜單
1、帶下拉子菜單的導(dǎo)航菜單
2、絕對定位和浮動的區(qū)別和運(yùn)用
3、css自適應(yīng)寬度滑動門菜單
第九天：CSS表單設(shè)計(jì)
1、改變文本框和文本域樣式
2、用圖片美化按鈕
3、改變下拉列表樣式
4、用label標(biāo)簽提升用戶體驗(yàn)
第十天：div+css網(wǎng)頁標(biāo)準(zhǔn)布局實(shí)例教程
1、 建立站點(diǎn)
2、結(jié)構(gòu)分析
3、搭建框架
4、切割效果圖
5、布局頁面——頭部和導(dǎo)航
6、布局頁面——側(cè)邊欄
7、布局頁面——主體部分
8、底部和細(xì)節(jié)調(diào)整
9、相對路徑和相對于根目錄路徑
10、創(chuàng)建服務(wù)器環(huán)境
11、建立數(shù)據(jù)庫
12、本地和遠(yuǎn)程服務(wù)器連接
13、php讀取數(shù)據(jù)
14、頁面調(diào)試及瀏覽器兼容
注：《DIV+CSS教程_DIV+CSS布局_DIV+CSS實(shí)例教程手冊-Web標(biāo)準(zhǔn)》內(nèi)容版權(quán)歸原作者 標(biāo)準(zhǔn)之路-楊雨晨思 所有。
轉(zhuǎn)載請保留原文地址: http://m.pufcvep.cn/show-344.html