讲课笔记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;}
posted @ 2017-02-27 17:27  Booo  阅读(218)  评论(0编辑  收藏  举报