CSS控制DIV水平垂直方向剧中
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body{position:relative; border:solid 1px #30F; height:600px; }
.box{ position:absolute; left:50%; top:50%; height:300px; width:400px; margin-top:-150px; margin-left:-250px;/*这个是本宽度度的一半*/ border:solid 1px #0F0; }
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>
相关文档：
１，无图片纯css圆角框
收录理由：兼容性强，不用图形
图一
特点：
1.不用任何图形，使用很多个div容器模拟出圆角效果。
2.兼容性：通杀所有浏览器
缺点：
1.构造这个圆角需要加入太多的无语义的标签，结构比较冗余。
2.重用性不强：如果一个页面有多个圆角，并且要实现不同的半径大小，则其灵活性不够。
3.边框颜 ......
原理：
当两个同父元素z-index相同时，后面的元素显示在上面。
当z-index超过浏览器最大值时，浏览器会按最大值计算。
方法：
连续放置两个div元素d1，d2；并设定position:absolute及不同背景色。
设定d1.z-index = max + 1, d2.z-index = max；
当max + 1有效时，d1在前；当max + 1 无效时，d2在前。（参看原理） ......
平时自己搜集了一些css的模板下载网站
现在分享给大家
第一个是openwebdesign
这个网站提供了超多的而且是免费的符合标准的css模板,以前我在百度空间
搭建博客的时候,就是经常在这里找一些喜欢的css模板,然后根据其样式
模仿
第二个是Dark eye
这个也是提供了免费的css模板,数量也很多,比较喜欢的是他可以更具颜色来 ......
CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。
常见兼容问题：
1.DOCTYPE
影响 CSS 处理
2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE
不行
3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是
m ......
