css中的知识归纳总结

发布时间:2020-11-06编辑:脚本学堂
本文主要介绍css中常用到的一些样式,整理一下分享给大家,希望能给您带来帮助。

1.
font-family:inherit;是什么意思?
字体样式从  父元素继承。

2.
zoom:1; /* 针对IE6.0*/
还有,例如<div style="background:#000; margin:5px; zoom:1;"> /* 在没设置宽度确切值的时候用ZOOM*/
overflow:hidden; /*在没清除浮动的时候针对 FF*/
3.
cursor:pointer; 鼠标变小手
4.
display:block;显示。 display:none隐藏。在JS中常用
5.
<a href="javascript:;">什么意思?
理解
一,
是JS代码的跳转链接的语句格式,HTML里面的格式是,<a href="">,这样写是为了让这个链接不要链接到新页面转而执行一段js代码。和onclick能起到同样的效果,一般情况,要调用脚本还是在onclick事件里面写代码,而不推荐在href='javascript:function()' 这样的写法,因为 href 属性里面设置了js代码后,在某些浏览器下可能会引发其他不必要的事件。

例如,
javascript:;作用相当于javascript:void(0);

意思是不返回任何值,也就是说这个链接是个空链

有时候为了美观或者JS客户端验证,会写类似于下面的程序:
<a href="javascript:void(0);" onclick="javascript:alert('请先输入信息~!');">开始转向</a>

如直接在href里加链接路径,onclick和href就是并发事件,那样的话onclick事件也就没什么作用了!
二,
点击的时候执行javascript,常见的是做关闭和返回功能,比如<a href="javascript:window.close();">关闭</a>,上面这句代码完整的话,就是点击这个连接,不执行任何操作。

三,
再比如说点一下让他有打印功能
就这样:<A href="javascript:print();">打印</A>