摘要：
.box{border:2px solid #f00;}.box .content{float:left;height:150px;width:300px;padding:5px;background:#ddd;}/*解决方法 1 */.overflow1{overflow:hidden;zoom:1;}</style><div class="box overflow1"> <div class="content"> <strong>方法1:</strong> <br/>overfl
阅读全文
posted @ 2012-09-17 16:42
cbwcwy
阅读(2657)
推荐(1)
编辑
摘要：
起源：.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}.clearfix { display: inline-table; }/* Hides from IE-mac \*/* html .clearfix { height: 1%; }.clearfix { display: block; }/* End hide from IE-mac */说明：*对大多数符合标准的浏览器应用第一个声明块，目的是创建一个隐形的内容为空的
阅读全文
posted @ 2012-09-17 16:11
cbwcwy
阅读(811)
推荐(0)
编辑
摘要：
一开始用clear属性，只是跟float相对使用，今天看视频的时候还是不大明白，查了下资料原来是这样的哦，看咯。clear属性值有四个clear:both|left|right|none;作用：该属性的值指出了不允许有浮动对象的边。 这个属性是用来控制float属性在文档流的物理位置的。 当属性设置float（浮动）时，他所在的物理位置已经脱离文档流了，但是大多时候我们希望文档流能识别float（浮动）,或者是希望float（浮动）后面的元素不被float（浮动）所影响，这个时候我们就需要用clear:both;来清除。clear:left;表示该元素左边不存在浮动元素；clear:right
阅读全文
posted @ 2012-09-17 14:46
cbwcwy
阅读(23838)
推荐(2)
编辑
摘要：
Windows系统下各浏览器常用CSS HACK汇总表图1. 此汇总表中测试浏览器的版本为：微软系统自带：IE6、 IE7、IE8火狐：Firefox 3.6.6Safari：Safari 5.0谷歌浏览器：Chrome 6.0.458.1 devOpera浏览器：Opera 10.602. 其中，多数CSS hack是在selector{property:value;}基础上更改的。selector代表CSS选择器，property代表CSS特性，value代表特性的值。3. FF代表Firefox，Ch代表Chorme，Sa代表Safari，Op代表Opera4. Q代表Quirks Mo
阅读全文
posted @ 2012-09-17 14:26
cbwcwy
阅读(348)
推荐(0)
编辑
摘要：
1.区别IE和非IE浏览器CSS HACK代码#divcss5{ background:blue; /*非IE 背景藍色*/ background:red \9; /*IE6、IE7、IE8背景紅色*/ } 2.区别IE6,IE7,IE8,FF CSS HACK【区别符号】：「\9」、「*」、「_」【示例】：#divcss5{ background:blue; /*Firefox 背景变蓝色*/ background:red \9; /*IE8 背景变红色*/ ...
阅读全文
posted @ 2012-09-17 14:24
cbwcwy
阅读(400)
推荐(0)
编辑
摘要：
为 了适应不同浏览器不同的版本（版本主要就ie来说），ie这朵奇葩现在我们要兼容6-9，它的10也快出来了。。。在ie下我们可以写条件注释来区分ie 和其他浏览器，以及ie的版本，这些请大家自行google。这篇文章主要讨论的是css hack。下面废话补多说了，直接上代码<!DOCTYPEhtml><html><head><title>CssHack</title><style>#test{width:300px;height:300px;background-color:blue;/*firefox*/backgrou
阅读全文
posted @ 2012-09-17 14:18
cbwcwy
阅读(239)
推荐(0)
编辑
摘要：
元素是文档结构的基础，在CSS中，每个元素生成了一个包含了元素内容的框（box，也译为“盒子”）。但是不同的元素显示的方式会有所不同，例 如<div>和<span>就不同，而<strong>和<p>也不一样。在文档类型定义（DTD）中 对不同的元素规定了不同的类型，这也是DTD对文档之所以重要的原因之一。1. 替换和不可替换元素从元素本身的特点来讲，可以分为替换和不可替换元素。a) 替换元素替换元素就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。例如浏览器会根据<img>标签的src属性的值来读取图片信息并显示出来，而如果查
阅读全文
posted @ 2012-09-17 14:02
cbwcwy
阅读(285)
推荐(0)
编辑
2012年9月19日