小女子意

摘要： 一种网页图片应用处理方式优点：加速加载和减少http请求自己的话说就是把你需要当背景的图放在一张透明底的图片上。自己要知道每个子图相对于整张图左上角的位置。x轴正向向右（+），y轴负向向下（-）知道了黄色图片相对于整幅图片的位置，可用下面语句来实现设置：background：url（图片的位置） no-repeat 100px -50px；有个叫css sprite 样式生成工具 的东西，是可以把网页中一些背景图片整合到一张图片文件中的工具。 阅读全文

摘要： 1】个人觉得这个说明挺清楚的：浮动元素的定位是基于正常的文档流，然后从文档流中抽出并尽可能远的移动至左侧或者右侧。文字内容会围绕在浮动元素周围。当一个元素从正常文档流中抽出后，仍然在文档流中的其他元素将忽略该元素并填补他原先的空间。2】元素float后自动转化为块元素3】为所有float元素设定width，除了img元素（有隐藏宽度）4】清理浮动元素三种方法： a) 使用标签清理浮动（参考5】中的clear：both部分） b)在需要清理浮动的元素中定义overflow：auto；zoom：1（兼容ie6）； c)在需要清理浮动的元素，例如#layout上定义 #layout:af... 阅读全文

摘要： 样式代码如下：1）如果没有zoom：1那么在ie6中父div不会被子div撑高2）因为子div有了float：left所以在标准浏览器里面父div不会被子div撑高；解决办法就是在子div的同级上再加一个div，并且设置其clear：both#nofloatbox { border: 1px solid #FF0000; background: #CCC; zoom:1; height:auto;} .floatbox { float: left;width: 100px; height: 100px; border: 1px solid #0000FF; background: ... 阅读全文

摘要： 本文学习愚人码头的《ie6疯狂系列》原文链接http://www.css88.com/archives/15841】父级使用padding后，子元素相对定位有偏差解决办法：test box2】滤镜后链接不能点击解决办法：在a上添加一个position：relative；若使用滤镜的容器上使用了绝对定位，则要在其外面再添加一个容器并设置position：absolute3】奇数宽高引发1px偏差（外容器相对，内容器绝对定位right：0）解决办法：奇数改为偶数4】文字溢出bug（溢出的字数=注释的条数*2-1）解决办法：删除注释5】选择内容的div被下拉框盖住解决办法：在div里面添加一个ifr 阅读全文

摘要： 1】div垂直居中：设置line-height:height的高度;vertical-align:middle;(内容不可换行)2】margin加倍：设置了float的div里面再添加一个display：online（浮动ie产生双倍距离的情况也可以这么解决）3】ie中min-无效：添加一句：width:expression(document.body.clientWidth..................6】内层元素发生变化，外层不自动调节大小（2种方法），则1）外层添加border属性2）内层上下各添加一个.divclass{height:0px;overflow:hidden;}7】 阅读全文

摘要： CSSHack分为三类：css类内部hack、选择器hack、html头部引用hack有以下几种写法：1】1）ie6可识别*不可识别！Important2）ie7可识别*可识别！Important3）ff不可识别*可识别！Important区分ffie7ie6（按顺序）.test{background-color:red;*background-color:red!important;*background-color:red;}.test{background-color:red;*background-color:red;_background-color:red;}2】（class=“t 阅读全文

摘要： 方法一：html { filter: gray；}或者方法二：html { filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1); }或者（如果有动画：在里面添加） 阅读全文