CSS学习笔记03

cursor 属性规定要显示的光标的类型(形状),

光标类型   CSS
十字准心 cursor: crosshair;
手 cursor: pointer;
cursor: hand;
写两个是为了照顾IE5,它只认hand。
等待/沙漏 cursor: wait;
帮助 cursor: help;
无法释放 cursor: no-drop;
文字/编辑 cursor: text;
可移动对象 cursor: move;
向上改变大小(North)   cursor: n-resize;
向下改变大小(South)   cursor: s-resize;
向右改变大小(East)   cursor: e-resize;
向左改变大小(West)   cursor: w-resize;
向上右改变大小(North East)   cursor: ne-resize;
向上左改变大小(North West)   cursor: nw-resize;
向下右改变大小(South East)   cursor: se-resize;
向下左改变大小(South West)   cursor: sw-resize;
自动 cursor: auto;
禁止 cursor:not-allowed;
处理中 cursor: progress;
系统默认 cursor: default;
用户自定义(可用动画) cursor: url(‘ # ‘);
# = 光标文件地址    (注意文件格式必须为:.cur 或 .ani)。

 

如果块级标签移动的不如所愿,可以使用border:1px solid red;进行调试,调试完再取消

如果上一个控件为float:left或float的其他,我们需要clear:bothl;清除后,直接到下一行显示;

上一个为float标签,可能下一个标签会过分贴合,此时margin:top;无效时,也可以让本标签使用float:left的属性时他们处于同一的范围内,他们自然会按样式执行;

因为float的标签不占空间,下一个控件可以把上一个含有float的属性标签的margin占掉了,形成过分贴合,影响效果。该问题在孔浩关于CSS视频08实现简单小网站中有说

/*默认情况的超链接*/
a:link,a:visited{
text-decoration:none;
font-size:12px;
color:#216;
}

/*当链接点击之后的效果,对于IE而言,不会自动继承a:link的效果,所以为了满足IE的浏览器的效果,最好在a:link,a:visted*/
a:visted{
color:#a21;
}

#nav ul li 与 ul.nav_li li 的生成时间不一样,当使用了包含的操作符之后,它的加载时间比使用class的加载时间要低,所以如果此时再来定义一个class的样式,不会把使用包含的样式覆盖掉
一个类可以执行两个class ,class="nav_li nav_last"

 

你可能感兴趣的:(学习笔记)