视频笔记:p/span/inline-block

默认样式重置：

*{
margin:0;padding：0;
}

盒子离窗体的外边距距离会默认为8px;
清除：

body{ margin:0px;}
*{margin:0px;padding:0px}

段落标记和标题标记,标题标记默认都有默认外边距距离; 清除： `p,h1,dl,dt{margin:0};` 清除有序列表（ol）和无序列表(ul)的样式：

ol,ul{list-style:none; }

列表默认有内外边距;
清理ol,ul{margin:0;padding：0;}
块级标签和行内标签的互换

display：block;        显示为块

使内联元素具备块属性标签的特性
display：inline; 显示为内嵌
内嵌(内联、行内)的特征
1、同排可以继续跟同类的标签
2、内容撑开宽度
3、不支持宽高
4、不支持上下的margin和padding
图片（inline-block:一行显示的块）能在同行显示；

 display:inline-block;

Inline-block特性：
1、块在一行显示；
2、行内属性标签支持宽高；
3、没有宽度或者高度的时候内容撑开宽度
问题：
1、代码换行和空格会在页面中产生距离；
2、ie6 ie7 不支持块属性标签的inline-block;

如果把div和span的宽度和高度设置为数字（内容如果大于高度，div和span的宽和高会自动增加，不会溢出）；
如果设置为px或百分比;内容会溢出；
cursor 指针样式 （规定要显示的光标的类型）
cursor：pointer | text | move ……
cursor:url(hand.cur),pointer;//指针也可以为图片(.jpg)，后面的为未加载时显示的样式；

表示：引用
html标签：http://www.w3school.com.cn/tags/index.asp

前端规范
1、所有书写均在英文半角状态下的小写；
2、id，class必须以字母开头；
3、所有标签必须闭合；
4、html标签用tab键缩进；
5、属性值必须带引号；
6、
7、/* css注释 */
8、ul,li/ol,li/dl,dt,dd拥有父子级关系的标签；
9、p,dt,h标签 里面不能嵌套块属性标签；
10、a标签不能嵌套a；
11、内联元素不能嵌套块；