1 相对定位是指相对于它的起点进行移动，相对定位被看作普通定位模型的一部分，因为元素的位置相对于它在普通流中的位置
2 绝对定位使元素的位置与文档流无关，不占据空间，普通文档流中其他元素的布局就像绝对定位的元素不存在一样，绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。
3 背景图片实现圆角框
4 图片替换文本技术： 原理是将图像覆盖到文本上而不是隐藏
5 对链接应用样式：下划线，图标，创建按钮，翻转，在下面出现提示
eg: <p><a href="#" class="title"> Hello ,Great<span>(This is a name)</span></a> you are welcome.</p>
a.title{position:relative;}
a.title span{display:none;}
a.title:hover span{display:block;position:absolute;top:1em;left:2em;}
6 创建水平导航条：使用float
7 使设计居中
1）使用margin:0 auto
eg：<body><div id="Outer"></div></body>
#Outer{width:720px;margin:0 auto;} 或者 body{text-align:center;} #Outer{width:720px;margin:0 auto; text-align:left;}
2）#Outer{width:720px;position:relative;left:50%; margin-left:-360px;}
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。