关于浏览器兼容问题：一：margin加倍显示的问题。最常见的兼容问题是在块元素添加float属性，再添加横向margin时，margin会加倍显示，这时需要给元素添加属性，display:inline;,将块元素转化为行内元素。说白了，为了提高网页的兼容性：一般都是float+margin:left...
分类：
其他好文 时间：
2014-09-25 23:25:48
阅读次数：
298
<div id="float" class="float"> ?<a>1</a> ?<a>2</a> </div> <style> .float{width:168px;height:294px;position:absolute;top:180px;left:254px;z-index:100;padding-top:32px;} </style> ?<script> (funct...
分类：
其他好文 时间：
2014-09-25 22:13:38
阅读次数：
316
在我们遇到左边图片，右边一段文字，这样的，一段宽度固定，一段宽度不定的情况，我们会用display:box来解决，但是，ie却不会兼容，这样就有以下一种方法html代码xxxxxxxxxxxxxcss代码.img {float:left}.title {padding-left: 45px;disp...
分类：
其他好文 时间：
2014-09-25 18:36:57
阅读次数：
214
分页JS代码
.page{margin:2em;}
.page a{text-decoration:none;display:inline-block;line-height:14px;padding:2px 5px;color:#333;border:1px solid #ccc;margin:0 2px;}
.page a:hover,.page a.on{background:#999;c...
分类：
Web程序 时间：
2014-09-25 11:35:58
阅读次数：
217
CSS盒模型有两种，1是W3C标准的盒模型（chrome firefox ie6+等） 2是IE传统的盒模型（IE 5.5-）盒模型又分外盒模型与内盒模型：（这里只以宽度计算规则为例，高度类似略）W3C标准的内盒宽度=内容宽度+padding+borderW3C标准的外盒宽度=内容宽度+paddin...
分类：
Web程序 时间：
2014-09-25 01:21:57
阅读次数：
445
1.display:block就是将元素显示为块级元素.block元素的特点是：总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 , , , , 和 是块元素的例子。2.display:inline就是将元素显示为行内元素.inline元...
分类：
其他好文 时间：
2014-09-23 22:30:45
阅读次数：
186
3、对a设置padding
1:
2:
3:
4:
5: a设置宽度和高度
6:
7: .abc a{
8: padding:10px 20px;
9: width:150px;
10: height:50px;
11: border:1p...
分类：
其他好文 时间：
2014-09-23 15:16:54
阅读次数：
152
IE6兼容性问题及IE6常见bug详细汇总来源：互联网作者：佚名时间：03-31 16:03:45【大中小】IE6的兼容性问题一直都是前端工程师的恶梦，为了早早脱离这种困境，本文整理了一些相关兼容性的知识，感兴趣的朋友可以参考下哈，希望可以帮助到你1、IE6怪异解析之padding与border算入...
分类：
其他好文 时间：
2014-09-23 01:07:03
阅读次数：
388
*{ margin:0; padding:0; font-size:13px; border:0; font:宋体,arial}a{ text-decoration:none; color:#000}li{ list-style-type:none}.bottombox{ width:950px; ...
分类：
其他好文 时间：
2014-09-22 19:46:53
阅读次数：
219
css3新增了一些背景相关的属性，其中background-origin与background-clip是比较让人困惑的：background-origin:用于指定绘制背景图片的起点。默认值：padding-box。background-clip:用于指定背景图片的显示范围。默认值：border-...
分类：
其他好文 时间：
2014-09-22 03:32:21
阅读次数：
313
