手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的...
如果你开始使用网格来进行网页设计，那么 #grid 是你必不可少的一个工具，#grid 就是一个使用 jQuery 和 CSS 构建的小工具，它会在网页上插入布局网格线，让你能够检测和调整页面上元素位置。...
响应式网站设计（Responsive Web Design）使用强大的媒体查询（media querie）让网站可以根据浏览者的浏览设备分辨率进行样式调整。但是，这样也产生了一个问题：有些人并不希望网站的外观在不同的浏览设备中发生改变。因为改变...
在制作 WordPress 的过程中，除了对整体的结构等进行排版布局等，还必须要对正文的内容和其他地方进行修饰和排版，例如正文中可能出现的 标题（h2、h3）、列表（ul、ol）、表格（table） 以及不同的文章类型效果等等。这就是 WordPress...
宽度和布局是从零开始创建 WordPress 主题系列教程的第十一篇，这篇将介绍如何设置每个 DIV 的宽度和布局排版，并且也会展示如何让主题显示正确，并同时在 Firefox 和 IE 下兼容，显示一致。...
在布局 iPhone 版本之后，有道词典也推出 Mac 版了，看来有道词典也会很快成一个跨平台的工具。
Pure 是 Yahoo! 新近推出的一个基于 Normalize.CSS 的 CSS 框架，它没有使用任何 JavaScript，只是 HTML 和 CSS。
当我们的网站需要增加响应式布局的时候，如果知道主流设备的屏幕尺寸和分辨率是对开放是有很大帮助的。Screensiz.es 就是这样一个网站，列出来主流移动设备，平板以及显示器的最重要的一些屏幕数据信息。...
如果你从事网页前端工作，肯定会发现不同浏览器的默认样式有细微的差异，这个让你在使用 CSS 进行布局工作的时候相当烦人，况且有些差异还不是那么细微，比如不同浏览器之间的默认表单样式差异以及 <html> 和 <body> 元素的m...
自己平时整理的一些常用的 CSS 样式设置透明度在IE6中使用 filter: alpha(opacity = 40);在其他浏览器中使用 opacity: 0.4;设置行高/*9表示兼容所有的IE浏览器*/ line-height: 35px9;清除浮动 .clearfix:after { ...
