html思維導(dǎo)圖
html
主要由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

























