1.块元素和内嵌元素(block\inline)
块的特征:
独占一行
不设定宽度,宽度将撑满整行
能设置所有样式
内嵌的特征:
默认同行可以继续跟同类型标签
内容撑开宽度
不支持宽高
不支持上下的margin和padding
空格或换行时,会出现空格,并且间隙不兼容(解决方案:给全局设置:font-size、font-family)
块标签:div,h1-h6,p,ul,ol,li,dl,dd,dt
内嵌标签:span,a,strong,em
2.特殊的inline-block标签
img
inline-block的特点和问题
使块元素在一行显示
使内嵌支持宽高
换行被解析了
不设置宽度的时候宽度由内容撑开
在IE6,7下不支持块标签,但也支持内嵌标签
3.cursor指针样式(规定要显示的光标的类型)
cursor:pointer | text | move ……
cursor:url(hand.cur),pointer;
4.前端规范:
1)所有书写均在英文半角状态下的小写;
2)id,class必须以字母开头;
3)所有标签必须闭合;
4)html标签用tab键缩进;
5)属性值必须带引号;
6)<!-- html注释 -->
7)/* css注释 */
8)ul,li/ol,li/dl,dt,dd拥有父子级关系的标签;
9)p,dt,h标签 里面不能嵌套块属性标签;
10)a标签不能嵌套a;
11)内联元素不能嵌套块;