1.display:none;优于visibility:hidden;前者隐藏不占用物理空间，后者会占用。2.合并margin,padding,border的-top,-left,-right,-bottom的设置，简短简洁。3.选择器在满足效果的基础上，尽量简单，减少嵌套，查询的消耗。4.如若值为...
分类：
其他好文 时间：
2015-07-13 13:33:26
阅读次数：
109
浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。碰到频率:100%解决方案：CSS里 *{margin:0;padding:0;}备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的...
分类：
Web程序 时间：
2015-07-13 10:14:57
阅读次数：
160
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; }? table { border-collapse: collapse; border-spacing: 0; }? fieldset,i...
分类：
Web程序 时间：
2015-07-12 12:57:41
阅读次数：
215
margin外边距合并详解:外边距合并现象在网页布局中非常的常见，必须对此有明确的把我，以此做到未雨绸缪，否则可能影响工作效率，甚至严重阻碍项目的进度。在网络上已经有大量的相关文章，下面再通过实例结合对网络教材的总结，再来介绍一下外边距合并现象。概念:相邻的两个或者多个外边距在垂直方向上合并成一个外...
分类：
其他好文 时间：
2015-07-12 00:04:11
阅读次数：
187
CSS网页布局即版式布局，是网页设计师将有限的视觉元素进行有机的排列组合。主要通过CSS的浮动、定位功能来实现UI设计的布局要求。常见的布局有：一列布局，两列布局，三列布局和混合布局。HTML清除默认样式：body{margin:0;padding:0;}浮动（float）、绝对定位（positio...
分类：
Web程序 时间：
2015-07-11 19:57:09
阅读次数：
212
1.Tranform 转换(2D,3D)2D:div{margin:30px;width:200px;height:100px;background-color:yellow;/* Rotate div */transform:rotate(9deg);-ms-transform:rotate(9d...
分类：
Web程序 时间：
2015-07-11 18:24:15
阅读次数：
102
主页代码（html）3D图片环 - by 智能社 - www.zhinengshe.com by 智能社www.zhinengshe.comcss样式:*{margin:0; padding:0;}body{ background:rgba(2,2,2,1);overflow:hidden;}#d....
分类：
其他好文 时间：
2015-07-11 18:07:12
阅读次数：
146
案例一：
无标题文档
<!--
BODY
{
font-family:Courier;;
font-size: 12px;
margin:0px 0px 0px 0px;
overflow-x:no;
overflow-y:no;
background-color: #B8D3F4;
}
td
{
font-size:12px;
}
.default_input
{
...
分类：
Web程序 时间：
2015-07-11 13:39:22
阅读次数：
211
有时需要设置下面的情况，即 <div> 的高度和宽度是相等的、并且随着屏幕的大小变化而变化。这样就需要用 js 来控制元素在页面上的显示。 <html> <body> <div class="row text-center margin-top-20p"> ? ? ? ...
分类：
Web程序 时间：
2015-07-11 12:20:42
阅读次数：
1168
为什么margin-top不是作用于父元素:至于margin-top属性的基本用法再简单不过，那就是设置一个对象的上外边距，看下面的代码实例:蚂蚁部落 以上代码可以将div的上边距设置为50px，一切运行良好，没有任何问题，再来看下一段代码:蚂蚁部落 以上代码的初衷是让子...
分类：
其他好文 时间：
2015-07-10 18:24:30
阅读次数：
122
