讲课笔记3——块、行内、优先级
选择器优先级顺序:
默认样式-->标签选择器-->类选择器-->id选择器-->行内样式-->JS-->!important
!important: 将此属性设置在你想显示的样式属性值后面,分号前面,则永远在浏览器中显示的都是该样式
块的特征
1、默认独占一行
2、没有宽度时,默认撑满一排
3、支持所有css命令
内嵌(内联、行内)的特征
1、同排可以继续跟同类的标签
2、内容撑开宽度
3、不支持宽高
4、不支持上下的margin和padding
5、代码换行被解析
****************************************************************
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、内联元素不能嵌套块;
****************************************************************
Inline-block的特点和问题
特性:
1、块在一行显示;
2、行内属性标签支持宽高;
3、没有宽度的时候内容撑开宽度
问题:
1、代码换行被解析;
2、ie6 ie7 不支持块属性标签的inline-block;
****************************************************************
cursor 指针样式 (规定要显示的光标的类型)
cursor:pointer | text | move ……
cursor:url(hand.cur),pointer;
body{height:1500px; cursor:url("./images/hand.cur"),pointer;}