css tips

标签：style   blog   http   color   ar   使用   sp   strong   div   

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

css tips

标签：style   blog   http   color   ar   使用   sp   strong   div   

原文地址：http://www.cnblogs.com/bigbigsunrise/p/4099275.html