转载请注明原创地址：http://www.cnblogs.com/softlover/archive/2012/11/21/2781388.html 　　现在屏幕分辨率的范围很大，从 320px (iPhone) 到 2560px (大型显示器)，甚至更大。用户也不只是使用台式电脑访问 ...

来会展示如何运用HTML5和CSS3来设计一个自适应网页。 效果预览 代码下载 先看看它的效果 在 ...

开始研究响应式web设计，CSS3 Media Queries是入门。 Media Queries，其作用就是允许添加表达式用以确定媒体的环境情况，以此来应用不同的样式表。换句话说，其允许我们在不改变内容的情况下，改变页面的布局以精确适应不同的设备。 那么，Media Queries是如何工作 ...

　　在 CSS2 中，你可以为不同的媒介设备（如屏幕、打印机）指定专用的样式表，而现在借助 CSS3 的 Media Queries 特性，可以更为有效的实现这个功能。你可以为媒介类型添加某些条件，检测设备并采用不同的样式表。 　　例如，你可以把用于大屏幕上显示的样式和用于移动设备的专用样式放在 ...

　　转载请注明原创地址：http://www.cnblogs.com/softlover/archive/2012/11/22/2779876.html 　　在css3中，直接在图片上使用box-shadow 和 border-radius，浏览器并不能很好的渲染。但是如果把图片 ...

媒体查询介绍 我今天就总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法。 先看一个简单的例子： 上面的media语句表示的是：当页页宽度小于或等于600px,调用small.css样式表来渲染你的Web页面。首先来看media的语句中包含的内容 ...

简单的罗列一个HTML5的新东西，以后的几天里详细的过一遍一个挺有用的网站：www.css88.com 【H5的新标签】 用之前的标签完全可以代替的：header footer aside atrical nav address time mark section 新增的重要的标签 ...

一.HTML5的新特性 HTML5 的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。 这些新特性都有兼容性问题，基本是 IE9+ 以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这 些新特性。 1.HTML5 新增 ...