html页面布局笔记

简介：

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

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

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

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

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

1 2 3 4

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

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

position定位方式：

1 2 3

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

可设置四个属性值：

1 2 3 4

static relative absolute fixed

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

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

版权声明：原创作品，谢绝转载。否则将追究法律责任 本文转自 王家东哥 51CTO博客，原文链接:http://blog.51cto.com/xiaodongge/1931747