DIV+CSS

作為一個(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、語言編碼

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無序和ol有序列表

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

3、橫向圖文列表

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

5、IE6的雙倍邊距bug

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

1、橫向列表菜單

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

3、css Sprites

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

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

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

3、css自適應(yīng)寬度滑動(dò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、相對(duì)路徑和相對(duì)于根目錄路徑

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

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

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

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

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