摘要：因为HTML5技术比较新颖，所以不是所有的浏览器都支持。所以我们要通过一些手段，在给用户展示网页前，先确定用户的浏览器是否支持我们所使用的某些HTML5的新技术。首先是4种基本的方法来验证用户浏览器是否支持HTML5的特定功能判断全局对象的一个特定的属性是否存在创建一个元素，判断该元素的某一特性是否存在创建一个元素，判断该元素的特定方法是否存在，然后调用该方法并检查返回值创建一个元素，给某一属性设置，然后检查该属性是否保留这个值更为先进、快捷的方法，使用HTML5检测类库(Modernizr)。Modernizr是一个开源的JavaScript类库，它支持很多HTML5和CSS3的功能，可以用 阅读全文

摘要：解决多栏页面的布局方法：1. 使用float，把sidebar放置在页面的左边或右边。但那样的话，我们必须把sidebar div放置在main div的前边，当用户使用的浏览器或者移动设备不支持css的时候，sidebar内容就会在main之前显示，这不是我们想要的。使用float时，被float的elemnt会从flow里移除，所以其余的block element会无视这个float元素，直接显示在它的下面（所以内容是看不到的），这时候，我们就需要给其他block element设置一个width，使得他们能够正常显示。使用float的话，我们有以下3种方法layout：liquid la 阅读全文

摘要：text-align虽然名字包含text，但它可作用于所有inline element。例如，你在div里有<p>和<img>，当你设置div { text-align: center;}里面的<p>和<img>都会居中。另外一点，text-align只能用在block element里，如果你直接把它使用在一个inline element（如：<img>），则不会产生任何效果。Descendant Selectors如果使用如下格式，风格则会应用到div下所有的h2，不管该h2是direct child还是grandchild。若有 阅读全文