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在前。（参看原理） ......
/* Cascading Style Sheet for IE4.01 last updated 10-16-97 */
DIV {COLOR: #333333; FONT-FAMILY: "宋体", "Arial", "Tahoma"; FONT-SIZE: 9pt}
P {COLOR: #333333; FONT-FAMILY: "宋体", "Arial", "Tahoma"; FONT-SIZE: 9pt}
TD {COLOR: #333333; FONT-FAMILY: "宋体", "Arial", "Tahoma"; FONT-SIZE: 9pt}
BODY {C ......
下面是CSS最常用和实用的技巧。
1.重置浏览器的字体大小
重置浏览器的默认值 ，然后重设浏览器
的字体大小你可以使用雅虎的用户界面重置
的CSS方案 ，如果你不想下载9MB的文件，代码如下：
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td ......
最近的面试中总是问我一些浏览器兼容性问题，所以下面做一个总结：
为什么会出现这种现象呢？主要就是像Firefox这样浏览器良好支持W3C标准，是目前对CSS支持最好的浏览器，而ie是出现的比较早，在w3c支持方面做的一直不是很好。有很多东西出现FF和IE显示不一样的根本原因在于它们的默认显示不一样，而这个默认样式该如何显 ......
