主要由html結(jié)構(gòu)、div布局、css樣式、html標(biāo)簽，這四大模塊構(gòu)成。

一.html結(jié)構(gòu)

HTML網(wǎng)頁基礎(chǔ)結(jié)構(gòu)一般由：頭部和主體構(gòu)成，即head和body；

還有doctype：strict、transtional、framset；

head：title、metacharset；

body：各種div及css樣式，和js。

二.div布局

布局原則：上到下，左到右，大到小。

盒模型：寬高（width和height）、外邊距（margin）、邊框（border）、內(nèi)邊距（padding）

浮動布局：浮動概念（float）、position：absolute、relative、fixed、清除浮動。

三.css樣式

選擇器：id選擇器、類選擇器、標(biāo)簽、源生選擇器、偽類選擇器、通配選擇器。

控制效果：

    段落控制：text-indent（首行縮進(jìn)）、text-align（水平文字方向）、text-decoration（文字裝飾線）、

            text-transform（字母大小寫轉(zhuǎn)換）、letter-spaing：字符間距。

    文本控制：color（顏色）、font-style（文字樣式）、font-size（文字大小）、font-family（字體）、

            line-height（行高）。

    背景控制：background-color（背景顏色）、background-image（背景圖片）、background-repeat

            （背景圖重復(fù)）、background-position（背景圖位置粘貼方式）。

引入方式：1頁內(nèi)style標(biāo)簽，2外部css文件，3行內(nèi)style標(biāo)簽，4import導(dǎo)入

初始化：原因（瀏覽器對于元素有默認(rèn)參數(shù)，且不一致），后果（瀏覽器順序之間顯示效果不一樣）、

        辦法：統(tǒng)一對常用元素、常用css參數(shù)，手動設(shè)定統(tǒng)一。

四html標(biāo)簽

    1無語義標(biāo)簽（div塊狀元素，布局分塊用，span內(nèi)聯(lián)元素）

    2有語義標(biāo)簽（h1-h6標(biāo)題，p段落，img圖片，a超鏈接，ul無序列表，ol有序列表，table表格）

http://ourjs.com/detail/52c4145d7986593603000009