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后带只带个#会跳到顶端。

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。