css tips
css的auto用法:
有个div,要在不同的分辨率的显示屏中都居中,就要用到auto:
margin: 0 auto
w3cschool对此的解释是:
使用 margin 属性来水平对齐
可通过将左和右外边距设置为 "auto",来对齐块元素。
注释:除非已经声明了 !DOCTYPE,否则使用 margin:auto 在 IE8 以及更早的版本中是无效的。
把左和右外边距设置为 auto,规定的是均等地分配可用的外边距。结果就是居中的元素:
css的hover属性:
1 a { 2 display: block; 3 width:117px; 4 height:37px; 5 background-image: url("pic1.jpg"); 6 } 7 8 a:hover { 9 background: url("pic2.jpg"); 10 }
hover是鼠标浮动上去后的状态。如上,hover后就是换图。主要要将a标签的display设置为block,而且必须设置宽高属性!不设置width,默认为父节点的width,不设置高的话,默认为0,然后就点不到了。而且a和hover间还不能有空格!
锚点的使用:
锚点主要是为了能快速跳到页面的某一位置,百度百科中广泛运用锚点。写在a标签的href中,一般用id或者name实现。也可以跳转到另一个页面的具体位置,比如要跳到百度首页id为a的部分,可以这样写
<a href=‘http://www.baidu.com/index.html#a‘> </a>
假如浏览器找不到已定义的命名锚,那么就会定位到文档的顶端,不会有错误发生。href后带只带个#会跳到顶端。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。