作為一(yī)個專業的SEO從(cóng)業(yè)者，必(bì)須(xū)要有一定(dìng)的網站(zhàn)設計基礎，DIV和(hé)CSS基礎(chǔ)知識(shí)。這(zhè)樣才能更好的幫助你去(qù)做SEO。為(wéi)此，特(tè)意(yì)整(zhěng)理了(liǎo)DIV+CSS教(jiào)程，DIV+CSS布局，DIV+CSS實例(lì)教程(chéng)，方(fāng)便(biàn)大家(jiā)閱讀(dú)學習(xí)。這篇(piān)文章主要(yào)匯總(zǒng)了(liǎo)WEB標準(zhǔn)（DIV+CSS）的基(jī)礎講解。
第(dì)一(yī)天：XHTML CSS基礎(chǔ)知(zhī)識(shí)
1. 文檔類(lèi)型(xíng)
2. 語言編碼
3. html標(biāo)簽(qiān)
4. css樣式
5. css優(yōu)先級(jí)
6. css盒模型(xíng)組成
第二天(tiān)：一列布局(jú)
1， 一列固(gù)定寬(kuān)度
2，一(yī)列固定(dìng)寬度(dù)居(jū)中(zhōng)
3，一列(liè)自(zì)適應寬(kuān)度
4，一列(liè)自適應寬度居中
5，一(yī)列二至多塊布局
第(dì)三(sān)天：二列和(hé)三列布局(jú)
1，二列(liè)自適應寬度
2，二列固(gù)定(dìng)寬(kuān)度(dù)
3，二(èr)列固(gù)定寬度居中
4，xhtml的塊(kuài)級元素(div)和(hé)內(nèi)聯元素(span)
5，float屬性
6，三列自(zì)適(shì)應寬(kuān)度
7，三列固(gù)定寬度(dù)
8，三列(liè)固定寬度居中(zhōng)
9，IE6的3像素bug
第(dì)四(sì)天：縱向(xiàng)導航(háng)菜單(dān)及二(èr)級彈(dàn)出菜單
1，縱向列表
2，標(biāo)簽的(dí)默(mò)認樣(yàng)式
3，css派(pài)生(shēng)選擇(zé)器
4，css選(xuǎn)擇(zé)器的分(fēn)組(zǔ)
5，縱(zòng)向(xiàng)二級(jí)列表(biǎo)
6，相對定(dìng)位和絕(jué)對定位
第五天：超鏈接(jiē)偽(wěi)類(lèi)
1，鏈(liàn)接(jiē)的四(sì)種(zhǒng)樣式(shì)
2，將(jiāng)鏈(liàn)接(jiē)轉換為(wéi)塊狀
3，用(yòng)css製(zhì)作按鈕
4，首字下沉
第(dì)六(liù)天(tiān)：html列表
1，ul無序(xù)和ol有序(xù)列表
2，改(gǎi)變項(xiàng)目符(fú)號樣(yàng)式或用圖片定義項目(mù)符號
3，橫(héng)向(xiàng)圖文列(liè)表
4，浮(fú)動(dòng)後(hòu)父(fù)容器高度自適應
5，IE6的雙(shuāng)倍邊(biān)距bug
第七天：橫向(xiàng)導(dǎo)航菜單(dān)
1，橫(héng)向(xiàng)列(liè)表(biǎo)菜(cài)單
2，用(yòng)圖片美(měi)化的(dí)橫向導(dǎo)航
3，css Sprites
第八天：下(xià)拉(lā)及多級(jí)彈(dàn)出菜單
1，帶下拉子菜(cài)單的導(dǎo)航菜單(dān)
2，絕(jué)對定(dìng)位(wèi)和浮(fú)動的區別和(hé)運用
3，css自適(shì)應寬度(dù)滑(huá)動門菜單
第九(jiǔ)天(tiān)：CSS表(biǎo)單設(shè)計(jì)
1，改(gǎi)變文(wén)本框(kuàng)和(hé)文本(běn)域(yù)樣式(shì)
2，用(yòng)圖片美化按鈕
3，改(gǎi)變下(xià)拉列表樣(yàng)式
4，用(yòng)label標簽(qiān)提(tí)升(shēng)用(yòng)戶體驗(yàn)
第(dì)十(shí)天：div+css網(wǎng)頁(yè)標準布局(jú)實例教程
1， 建立(lì)站點
2，結構分析
3，搭建框架
4，切割效(xiào)果圖
5，布局頁麵(miàn)——頭(tóu)部和導(dǎo)航
6，布(bù)局頁麵——側邊欄(lán)
7，布局(jú)頁(yè)麵——主(zhǔ)體(tǐ)部分(fēn)
8，底部和(hé)細節調(tiáo)整
9，相對(duì)路(lù)徑(jìng)和相對於根目錄路徑(jìng)
10，創建服(fú)務器環(huán)境(jìng)
11，建(jiàn)立數(shù)據庫(kù)
12，本(běn)地(dì)和遠程(chéng)服(fú)務器連(lián)接
13，php讀(dú)取(qǔ)數據
14，頁麵(miàn)調試(shì)及(jí)瀏(liú)覽(lǎn)器兼(jiān)容
注(zhù)：《DIV+CSS教程(chéng)_DIV+CSS布(bù)局_DIV+CSS實例(lì)教(jiào)程(chéng)手冊-Web標準(zhǔn)》內容版權歸(guī)原(yuán)作(zuò)者 標準(zhǔn)之路(lù)-楊(yáng)雨晨(chén)思(sī) 所(suǒ)有(yǒu)。
轉載(zǎi)請(qǐng)保留(liú)原文(wén)地(dì)址: https://antelcom.cn/show-344.html