html思维导图

主要由html结构、div布局、css样式、html标签，这四大模块构成。

一.html结构

HTML网页基础结构一般由：头部和主体构成，即head和body；

还有doctype：strict、transtional、framset；

head：title、metacharset；

body：各种div及css样式，和js。

二.div布局

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

盒模型：宽高（width和height）、外边距（margin）、边框（border）、内边距（padding）

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

三.css样式

选择器：id选择器、类选择器、标签、源生选择器、伪类选择器、通配选择器。

控制效果：

    段落控制：text-indent（首行缩进）、text-align（水平文字方向）、text-decoration（文字装饰线）、

            text-transform（字母大小写转换）、letter-spaing：字符间距。

    文本控制：color（颜色）、font-style（文字样式）、font-size（文字大小）、font-family（字体）、

            line-height（行高）。

    背景控制：background-color（背景颜色）、background-image（背景图片）、background-repeat

            （背景图重复）、background-position（背景图位置粘贴方式）。

引入方式：1页内style标签，2外部css文件，3行内style标签，4import导入

初始化：原因（浏览器对于元素有默认参数，且不一致），后果（浏览器顺序之间显示效果不一样）、

        办法：统一对常用元素、常用css参数，手动设定统一。

四html标签

    1无语义标签（div块状元素，布局分块用，span内联元素）

    2有语义标签（h1-h6标题，p段落，img图片，a超链接，ul无序列表，ol有序列表，table表格）

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