作為一個(gè)專業(yè)的SEO從業(yè)者，必須要有一定的網(wǎng)站設(shè)計(jì)基礎(chǔ)、DIV和CSS基礎(chǔ)知識(shí)。這樣才能更好的幫助你去做SEO。為此，特意整理了DIV+CSS教程、DIV+CSS布局、DIV+CSS實(shí)例教程，方便大家閱讀學(xué)習(xí)。這篇文章主要匯總了WEB標(biāo)準(zhǔn)（DIV+CSS）的基礎(chǔ)講解。

第一天：XHTML CSS基礎(chǔ)知識(shí)

1. 文檔類型

2. 語(yǔ)言編碼

3. html標(biāo)簽

4. css樣式

5. css優(yōu)先級(jí)

6. css盒模型組成

第二天：一列布局

1、 一列固定寬度

2、一列固定寬度居中

3、一列自適應(yīng)寬度

4、一列自適應(yīng)寬度居中

5、一列二至多塊布局

第三天：二列和三列布局

1、二列自適應(yīng)寬度

2、二列固定寬度

3、二列固定寬度居中

4、xhtml的塊級(jí)元素(div)和內(nèi)聯(lián)元素(span)

5、float屬性

6、三列自適應(yīng)寬度

7、三列固定寬度

8、三列固定寬度居中

9、IE6的3像素bug

第四天：縱向?qū)Ш讲藛渭岸��?jí)彈出菜單

1、縱向列表

2、標(biāo)簽的默認(rèn)樣式

3、css派生選擇器

4、css選擇器的分組

5、縱向二級(jí)列表

6、相對(duì)定位和絕對(duì)定位

第五天：超鏈接偽類

1、鏈接的四種樣式

2、將鏈接轉(zhuǎn)換為塊狀

3、用css制作按鈕

4、首字下沉

第六天：html列表

1、ul無(wú)序和ol有序列表

2、改變項(xiàng)目符號(hào)樣式或用圖片定義項(xiàng)目符號(hào)

3、橫向圖文列表

4、浮動(dòng)后父容器高度自適應(yīng)

5、IE6的雙倍邊距bug

第七天：橫向?qū)Ш讲藛?/span>

1、橫向列表菜單

2、用圖片美化的橫向?qū)Ш?

3、css Sprites

第八天：下拉及多級(jí)彈出菜單

1、帶下拉子菜單的導(dǎo)航菜單

2、絕對(duì)定位和浮動(dòng)的區(qū)別和運(yùn)用

3、css自適應(yīng)寬度滑動(dòng)門(mén)菜單

第九天：CSS表單設(shè)計(jì)

1、改變文本框和文本域樣式

2、用圖片美化按鈕

3、改變下拉列表樣式

4、用label標(biāo)簽提升用戶體驗(yàn)

第十天：div+css網(wǎng)頁(yè)標(biāo)準(zhǔn)布局實(shí)例教程

1、 建立站點(diǎn)

2、結(jié)構(gòu)分析

3、搭建框架

4、切割效果圖

5、布局頁(yè)面——頭部和導(dǎo)航

6、布局頁(yè)面——側(cè)邊欄

7、布局頁(yè)面——主體部分

8、底部和細(xì)節(jié)調(diào)整

9、相對(duì)路徑和相對(duì)于根目錄路徑

10、創(chuàng)建服務(wù)器環(huán)境

11、建立數(shù)據(jù)庫(kù)

12、本地和遠(yuǎn)程服務(wù)器連接

13、php讀取數(shù)據(jù)

14、頁(yè)面調(diào)試及瀏覽器兼容

注：《DIV+CSS教程_DIV+CSS布局_DIV+CSS實(shí)例教程手冊(cè)-Web標(biāo)準(zhǔn)》內(nèi)容版權(quán)歸原作者 標(biāo)準(zhǔn)之路-楊雨晨思 所有。

轉(zhuǎn)載請(qǐng)保留原文地址: http://dchs1688.cn/show-344.html