关于min-height的IE6及以下浏览器的Hack[整理]
page层内容少，页面很矮，加了min-height后FF与IE7.0中page层可以覆盖住container的背景色。而IE6及以下min-height无法辨认，所以露出了我不想让他露出来的container层的红色背景。 阅读全文…
存档
文章标签 ‘CSS’
HTML及CSS常用颜色英文词汇
| 黑色 | 银色 | 灰色 | 白色 | 茶色 | 红色 | 紫色 | 紫红 |
| black | silver | gray | white | maroon | red | purple | fuchsia |
| #000000 | #C0C0C0 | #808080 | #FFFFFF | #800000 | #FF0000 | #800080 | #FF00FF |
| 绿色 | 亮绿 | 橄榄 | 黄色 | 深蓝 | 蓝色 | 青色 | 浅绿 |
| green | lime | olive | yellow | navy | blue | teal | aqua |
| #008000 | #00FF00 | #808000 | #FFFF00 | #000080 | #0000FF | #008080 | #00FFFF |
就这点东东，全手写的花了我半个小时才整理出来～悲剧 希望能帮到需要的朋友·
FF下不显示背景图片 – 解决方法
问题:
DIV层中包含浮动层，背景图在IE下显示正常，FF下不显示。
网上找到的解释：
在FF里如果里面的元素加了float:left（right),它就不会被撑开的，也就是说的它的高度是0，如果正常显示，必须加上：overflow:auto
关于浏览器兼容的点点滴滴
浏览器兼容除了不同的浏览器厂家外，万恶的微软推出了IE5、6、7、8，并且IE9马上就要问世了。
下面进入正题
1. 刚才发现的一个问题，DIV设置背景，DIV下LI无背景，在IE7下可显示出背景图片，IE6下背景图片不显示，LI设置background:none;仍然无效。
解决办法：为DIV加zoom:1;属性,zoom就是为IE6生的，这话一点不错。
2. IE6下带有浮动属性的元素MARIN值会是制定数值的两倍
解决办法：为元素加上display:inline属性，另外，浮动属性必须加宽度，且display:inline与float不可以作用在UL上。
3. IE多了一只猪BUG 详情
解决办法：使用下面语句做注释
< !–[if !IE]> picRotate start < ![endif]–>
CSS的At-Rules@规则
伪元素吸附在选择上和pseudo classes伪类很像，像这样selector:pseudoelement{property: value;}。有四种方式。
First letters and First lines 首字母和首行
Example Source Code
first-letter伪元素作用到元素的第一个字母，first-line作用到元素的顶行。你可以，例如为段落创建一个drop caps和首行加粗。 阅读全文…
国外的CSS按钮样式
技术含量都很高哦，值得研究，其中还有IE6支持HOVER伪类的HACK，很简单的几句搞定勒，看来要学习的地方还很多。 阅读全文…
CSS网页布局中易犯的10个小错误
即使是CSS高手，也难免在书写CSS代码的时候出一些小错误，或者说，任何一种代码都是如此。小错误却往往造成大问题，浪费很多无辜的时间来调试和排错。查看下面这份CSS网页布局中易犯的10个小错误，努力的修正你可能会犯的错误，加速你的前端开发效率。 阅读全文…
全方位清理浮动
清除浮动一个凡是做页面的人都会遇到的一个东西，但是是否大家都能够清楚的知道，全方位的了解呢？于是一闲下来了马上写了这样的一篇文章，不能讲面面俱到，然而基本能将我所知道的倾囊相授了。 阅读全文…
overflow与text-indent:-9999px 字体隐藏及input value偏移
作为一个web前端开发
为了html语义化
常常要给内容模块加上一些标题来让页面更有意义
当然还有我们的图片按钮
在抛开css裸奔的情况下也能很顺利的汲取到页面信息
通常为了传达更好的视觉效果
我们常用图片替代掉字体
而早前的前端开发常直接不在html中给出内容
用 ；（甚至为空）
这样在没有加载到css时就无法知道这个区块究竟是什么内容了 阅读全文…
CSS中的display:none和visibility:hidden的区别
二者都是隐藏HTML元素，在视觉效果上没有区别，但在一些DOM操作中二者还是有所不同的。
display:none;
使用该属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”;
visibility:hidden;
使用该属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在，也即是说它仍具有高度、宽度等属性值。 阅读全文…