摘要：一、常见的两列布局如百度搜索结果页面，两列固定宽度，高度自适应。博客园文章内容页面和上边的结构类似。二、实现两列布局步骤1）应用浮动CSS如下*{margin:0;padding:0;}#header,#footer{width:960px; height:40px; background-colo... 阅读全文

摘要：开场白 我们平时工作中，很容易遇到浮动效果。一个DIV中嵌套多个DIV，左边显示一个DIV，右边显示一个DIV，外层DIV的高度随着内层内容的高度变化。这就是最基本的浮动效果。下图的百度搜索结果就是一个简单的例子。什么是CSS清除浮动？ 借用W3C的定义。浮动的框可以向左或向右移动，直到它的外边... 阅读全文

摘要：开场白 CSS3相对于CSS2引入了很多的新的css属性和特效，利用css3实现了原来需要加入js才能模拟的效果，因此前端性能提高了很多。各大浏览器厂商包括IE都逐渐的加大对CSS3 HTML5的支持，移动web前端的火热形式也对HTML5 CSS3起到了极大的推动作用。一、快捷的CSS3样式选择... 阅读全文