demo 点击下面的图片将会看到本次制作的 demo 的效果。 开始之前 如果你还没有准备好，我们建议您阅读完这个教程系列的第一部分: 用Photoshop设计一个小型、现代的产品主页 ， 因为第二部分需要第一部分做好了的psd文件。 如果你想跳过第一部分，你可以直接在第一部分中下载源文件，下面将会需要它才能继续。 创建文件结构

CSS网页布局中文排版有别于国外所介绍的英文排版，由于汉字的特殊性，所以有一些地方是需要大家注意的。今天webjx.com的这个文章或许对大家对排版的控制有所帮助。 一、如何设定文字字体、颜色、大小使用font 　　font-style设定斜体，比如font-style:italic; 　　font-weight设定文字粗细，比如font-weight:bold; 　　font

CSS两列布局，右侧固定，左侧自适应宽度div style=width:90%; margin:0 auto; div style=width:200px; float:right;这是右侧的内容/div div style= margin-right:210px;这是左侧的内容，自适应宽度/div /divCSS两列布局，左侧固定，右侧自适应宽度div style=width:90%; margin:0 auto; div style=width:150px; float:left;这

说实话，看到这个题目时我觉得这有什么好讨论的，肯定会是场一边倒的讨论。因为个人比较倾向于短命名，简单优雅，可能是出于程序员的洁癖，容不得任何冗余的东西。（和我一个想法的人应该不在少数吧！） 先看下长命名和短命名的定义： !-- 长命名：使用前缀体现上下文环境的CSS命名方式。 -- div class=category div class=

前言 有时候我们不得不面对圆角，也很傻很天真的认为利用 CSS3 的新特性对浏览器分级支持是最好解决方案，但现实理想 需求 3px 圆角 宽度自适应（随着文字字数扩展宽度并自动换行） 换肤 不使用图片（对可维护性/性能均有影响） 困惑 经典的解决方案看起来像这样： !DOCTYPE htmlhtmlheadmeta content=text/html; chars

这问题在网络相信已经有不少人问到，最近再次被牵起讨论，籍此记录一下个人的理解，border:none;与border:0;的区别体现有两点：一是理论上的性能差异二是浏览器兼容性的差异。 性能差异 【border:0;】把border设为0像素虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width/border-color进行了渲染，即

一个简单的, step-by-step 关于 CSS 行高的演示文档, 涵盖行间距, 如何应用各种类型的行高值, 当然还有 inline box 模型介绍, 希望能满足您 翻译自 Russ Weakley 的Line Height 一个简单的, step-by-step 关于 CSS 行高的演示文档, 涵盖行间距, 如何应用各种类型的行高值, 当然还有 inline box 模型介绍, 希望能满足您 （但

比较常用的是只对IE进行hack，常见的写法有以下几种： 1. IE条件注释 !-- [ if IE]link href=ie.css rel=stylesheet type=text/css /![endif]-- 还可只对某一IE版本或以下版本hack 2. html/body标签中写class hook 比如使用jQuery Browser Plugin后通过firefox浏览页面html被附加上这样的class html class=win firefox fire