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

第一天：XHTML CSS基礎知識

1. 文檔類型

2. 語言編碼

3. html標簽

4. css樣式

5. css優先級

6. css盒模型組成

第二天：一列布局

1、 一列固定寬度

2、一列固定寬度居中

3、一列自適應寬度

4、一列自適應寬度居中

5、一列二至多塊布局

第三天：二列和三列布局

1、二列自適應寬度

2、二列固定寬度

3、二列固定寬度居中

4、xhtml的塊級元素(div)和內聯元素(span)

5、float屬性

6、三列自適應寬度

7、三列固定寬度

8、三列固定寬度居中

9、IE6的3像素bug

第四天：縱向導航菜單及二級彈出菜單

1、縱向列表

2、標簽的默認樣式

3、css派生選擇器

4、css選擇器的分組

5、縱向二級列表

6、相對定位和絕對定位

第五天：超鏈接偽類

1、鏈接的四種樣式

2、將鏈接轉換為塊狀

3、用css制作按鈕

4、首字下沉

第六天：html列表

1、ul無序和ol有序列表

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

3、橫向圖文列表

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

5、IE6的雙倍邊距bug

第七天：橫向導航菜單

1、橫向列表菜單

2、用圖片美化的橫向導航

3、css Sprites

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

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

2、絕對定位和浮動的區別和運用

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

第九天：CSS表單設計

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

2、用圖片美化按鈕

3、改變下拉列表樣式

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

第十天：div+css網頁標準布局實例教程

1、 建立站點

2、結構分析

3、搭建框架

4、切割效果圖

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

6、布局頁面——側邊欄

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

8、底部和細節調整

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

10、創建服務器環境

11、建立數據庫

12、本地和遠程服務器連接

13、php讀取數據

14、頁面調試及瀏覽器兼容

注：《DIV+CSS教程_DIV+CSS布局_DIV+CSS實例教程手冊-Web標準》內容版權歸原作者 標準之路-楊雨晨思 所有。

轉載請保留原文地址: http://wjs-design.cn/show-344.html