html页面布局笔记

一般html布局会用居中显示，这里需要注意的是，当元素设置了固定宽度之后，margin：0 auto才适用，如果设置了width为100%，则无效：

.wapper{margin:0 auto;width 100%; }  \\这是无效的
.wapper {margin:0 auto;width 750px;}  \\这是正确的

 

float属性：一般float会对它自己后面的标签产生影响（只对它后面的标签影响），这时受影响的标签需要清除浮动。

clear：both;     #只对float后面受影响的标签有效，但对父级标签无效。
overflow：hidden;  #对float后面的标签和父级标签都有效。

 

float还会影响父级标签，比如：

<div class="test">
    <div class="test1"></div>
    <div class="test2"></div>
</div>

 

这里如果test2设为float，则test2后面的标签和父级标签test都会受到影响。

 

position定位方式：

#静态定位
#相对定位
#绝对定位

可设置四个属性值：

static
relative
absolute
fixed

 

html a标签默认未点击的颜色为蓝色，点击过后为紫色，如何修改？

.nav a:link,.nav a:visited{color:green;text-decoration:none;}
.nav  a:hover,.nav a:actived{color:red;text-decoration:none;}