DIV+CSS

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

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

1、文檔類型

2、語言編碼

3、html標簽

4、css樣式

5、css優(yōu)先級

6、css盒模型組成

第二天：一列布局

1、 一列固定寬度

2、一列固定寬度居中

3、一列自適應寬度

4、一列自適應寬度居中

5、一列二至多塊布局

第三天：二列和三列布局

1、二列自適應寬度

2、二列固定寬度

3、二列固定寬度居中

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

5、float屬性

6、三列自適應寬度

7、三列固定寬度

8、三列固定寬度居中

9、IE6的3像素bug

第四天：縱向?qū)Ш讲藛渭岸墢棾霾藛?/p>

1、縱向列表

2、標簽的默認樣式

3、css派生選擇器

4、css選擇器的分組

5、縱向二級列表

6、相對定位和絕對定位

第五天：超鏈接偽類

1、鏈接的四種樣式

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

3、用css制作按鈕

4、首字下沉

第六天：html列表

1、ul無序和ol有序列表

2、改變項目符號樣式或用圖片定義項目符號

3、橫向圖文列表

4、浮動后父容器高度自適應

5、IE6的雙倍邊距bug

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

1、橫向列表菜單

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

3、css Sprites

第八天：下拉及多級彈出菜單

1、帶下拉子菜單的導航菜單

2、絕對定位和浮動的區(qū)別和運用

3、css自適應寬度滑動門菜單

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

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

2、用圖片美化按鈕

3、改變下拉列表樣式

4、用label標簽提升用戶體驗

第十天：div+css網(wǎng)頁標準布局實例教程

1、 建立站點

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

3、搭建框架

4、切割效果圖

5、布局頁面——頭部和導航

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

7、布局頁面——主體部分

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

9、相對路徑和相對于根目錄路徑

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

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

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

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

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