作為一個專業(yè)的SEO從業(yè)者，必須要有一定的網(wǎng)站設計基礎、DIV和CSS基礎知識。這樣才能更好的幫助你去做SEO。為此，特意整理了DIV+CSS教程、DIV+CSS布局、DIV+CSS實例教程，方便大家閱讀學習。這篇文章主要匯總了WEB標準（DIV+CSS）的基礎講解。
第一天：XHTML CSS基礎知識
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ū)Ш讲藛渭岸墢棾霾藛?/span>
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ū)Ш讲藛?/span>
1、橫向列表菜單
2、用圖片美化的橫向?qū)Ш?
3、css Sprites
第八天：下拉及多級彈出菜單
1、帶下拉子菜單的導航菜單
2、絕對定位和浮動的區(qū)別和運用
3、css自適應寬度滑動門菜單
第九天：CSS表單設計
1、改變文本框和文本域樣式
2、用圖片美化按鈕
3、改變下拉列表樣式
4、用label標簽提升用戶體驗
第十天：div+css網(wǎng)頁標準布局實例教程
1、 建立站點
2、結構分析
3、搭建框架
4、切割效果圖
5、布局頁面——頭部和導航
6、布局頁面——側邊欄
7、布局頁面——主體部分
8、底部和細節(jié)調(diào)整
9、相對路徑和相對于根目錄路徑
10、創(chuàng)建服務器環(huán)境
11、建立數(shù)據(jù)庫
12、本地和遠程服務器連接
13、php讀取數(shù)據(jù)
14、頁面調(diào)試及瀏覽器兼容
注：《DIV+CSS教程_DIV+CSS布局_DIV+CSS實例教程手冊-Web標準》內(nèi)容版權歸原作者 標準之路-楊雨晨思 所有。
轉(zhuǎn)載請保留原文地址: http://www.saitell.cn/show-344.html