根据CSS的盒模型概念，页面中的每个元素，都是一个矩形的盒子。这些盒子的大小、位置和行为都可以用CSS来控制。对于行为，我的意思是当盒子内外的内容改变的时候，它如何处理。比如，如果你没有设置一个盒子的高度，该盒子的高度将会根据它容纳内容的需要而增长。但是当你给一个盒子指定了一个高度或宽度而里面的内容超出的

less官方网址：http://lesscss.org 下面就来介绍下吧 less用变量 （variables）,引用（mixins）,表达式(operations),嵌套规则（nested rules）来扩展css开发 变量 （variables） 重复使用的值可以定义成变量的形式，方便更改哈 例子如下： #header { color: #4D926F;}h2 { color: #4D926F;} @brand_color: #4D926F;#header

Firefox3.5已不支持私有属性-moz-opacity了，在Mozilla 1.7 (Firefox 0.9)之前FF都是使用这个私有属性的，Firefox 0.9-Firefox3同时支持-moz-opacity和opacity这两个属性，Firefox升级到3.5之后，一些网站原来有的透明没有了，呵呵。 除了IE之外，目前主流浏览器，Opera 9.0及更高版本，Safari1.2(WebKit 125)及更高版本，c

通过上一章的学习，读者了解到了CSS强大的表现控制功能，特别是在布局方面有很大的优势。相对于代码条理混乱、样式杂糅在结构中的表格布局，CSS将带来全新的布局方法，让网页设计师更轻松、更自由。本章通过多个示例展示CSS布局网页的方法，并对CSS的盒模型作详细阐述。相信读者在深入理解盒模型后，布局网页、定位CSS网页元

流动网页设计有很多好处，但也只有在正确使用的时候。合适的技巧会使页面在大屏幕、小屏幕抑、PDA小屏幕上都能得到良好的呈现。但是，糟糕的代码结构，对于流动布局来说将是灾难性的。因此，我们需要针对大多数流动设计的缺点寻求可行的解决方案。 　　如果你作为设计师通过额外的付出创造了一个功能性流动布局，为什么不更

Web设计师可以使用HTML4和CSS2.1完成一些很酷的东西。我们可以在不使用陈旧的基于table布局的基础上完成文档逻辑结构并创建 内容丰富的网站。我们可以在不使用内联font和br标签的基础上对网站添加漂亮而细腻的风格样式。事实上，我们目前的 设计能力已经让我们远离了那个可怕的浏览器战争时代、专有协议和那些充满闪动、滚动

什么是浮动？ 浮动是 css 的定位属性。我们可以看一下印刷设计来了解它的起源和作用。印刷布局中，文本可以按照需要围绕图片。一般把这种方式称为文本环绕。 这是一个例子： 在排版软件里面，存放文字的盒子可以被设置为允许图文混排，或者无视它。无视图文混排将会允许文字出现在图片的上面，就像它甚至不会在那里一样。这

CSS sprites 是网站速度的优化很重要的一环，但也有其对性能的不利之处。 Vladimir Vukievi 的博文《To Sprite Or Not To Sprite》提到： CSS sprites 的最大问题是内存占用。非精确构造的 sprite 图片会占用意想不到的内存空间。以 WHIT TV 网站为例，这里是一张 sprite 图片，1299x15,000 的png，已经经过很好的压缩，实际