一、不要使用section作为div的替代品 人们在标签使用中最常见到的错误之一就是随意将HTML5的

我们粗略的一起来看看清除浮动的办法一共有多少个(IE里面用zoom:1就不写了，下一个专题再写)。 采用伪类:after进行后续空制的高度位零的伪类层清除 采用CSS overflow:auto的方式撑高 采用CSS overflow:hidden的方式产生怪异适应 采用display:table将对象变成table形式 采...

在看腾讯（http://www.qq.com/），新浪(http://www.sina.com.cn/)这些大网站的布局的时候，发现了一个问题，为什么他们会把css直接挂在页面上面，而不是分离开来作为一个css文件link进去。 这是应付超大流量的一种优化方案。 为提高速度，他们的外部连接文件一般都存储在...

弹出框的原理是一个弹出层，然后下面还有一个屏蔽层，屏蔽鼠标点击，下面是我自己写的一个弹出层代码： .popBg{ background:#000; opacity:0.5; filter:alpha(opacity=50);height:100%; width:100%; position:fixed; _position:absolute; left:0px; top:0px; z-index:99;} ....

css reset，即重置css，也就是重置默认样式。在不同浏览器，HTML中标签的默认样式有一个默认属性值，渲染出来的效果不尽相同，我们在写css页面的时候，为了避免在css中重复定义它们，我们需要重置默认样式，以方便统一，从而提高开发效率，提高样式代码的重用，减少重复代码...

Tab在当前的Web应用中是非常常见的，最大的好处在于可以充分的利用有限的空间来展示更多的内容。常见的的Tab一般都是通过Javascript来实现，它的好处是灵活和功能强大。但是在某些情况下，如果仅仅需要一个简单的内容切换时是可以考虑使用纯CSS来实现的。本文主要介绍两...

今天师父上了第一堂课，讲了一些关于浏览器处理css的事儿。也算是一种好的习惯吧~页面上用到的一些背景图片，如果是一些比较小的图片，应该把他们合成到一张图片上，然后通过background-position来设置背景图片的位置。这样做的好处是：a、一张图片的大小会比很多张分散...

首先来看一下含有同样代码的一个页面在IE6和其它版本/浏览器中的差异，第一张图为IE6下效果，第二张图为Firefox 3.6.13下效果，看完下面两张图你会惊异的发现，在IE6中父容器底部灵异的多出了一个“影”字，而在IE7+以及Firefox等其它浏览器中没有这种现象，这个Bu...

众所周知，盒模型(BoxModel)是CSS的核心，根据盒模型对块级元素设置适当的宽度和高度，然后利用盒子的边框(Border)就能够制造出形象各异的三角形甚至梯形，用小三角能实现诸如气泡提示等常见的效果，而梯形则可以间接模拟圆角矩形的实现。 下图是小三角在实际项目中的一个应...

文件上传类型表单<input type=”file” />是一个让很多前端开发者纠结过的表单类型，因为它是一个无法单纯用CSS给它定义兼容的样式。上周的工作中有个批量上传图片的页面，又遇到了这个问题，于是，今天把我的解决方案奉献给大家：利用label标签与CSS共同打...