域名注冊 網(wǎng)站制作
您現(xiàn)在的位置:首頁 >> 網(wǎng)站建設 >> 內容

DIV+CSS教程_DIV+CSS布局_DIV+CSS實例教程手冊-Web標準

時間:2014/11/18 15:35:21 點擊:362

摘要:作為一個專業(yè)的seo從業(yè)者,必須要有一定的網(wǎng)站設計基礎、DIV和CSS基礎知識。這樣才能更好的幫助你去做SEO。為此,特意整理了DIV+CSS教程、DIV+CSS布局、DIV+CSS實例教程,方便大...

作為一個專業(yè)的SEO從業(yè)者,必須要有一定的網(wǎng)站設計基礎、DIVCSS基礎知識。這樣才能更好的幫助你去做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)和內聯(lián)元素(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、絕對定位和浮動的區(qū)別和運用

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

第九天:CSS表單設計

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

2、用圖片美化按鈕

3、改變下拉列表樣式

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

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

1、 建立站點

2、結構分析

3、搭建框架

4、切割效果圖

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

6、布局頁面——側邊欄

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

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

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

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

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

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

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

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

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

轉載請保留原文地址: http://m.448gfe.cn/show-344.html

責編:王麗 作者:不詳 來源:網(wǎng)絡