实例详解CSS网页布局原理

DIV+CSS布局 用CSS来布局很容易。如果你已经习惯用表格布局的话，起先会感觉比较困难。其实不难，只不过动机不同，并且在实践中更有意义。 你可以把这一页面的各个部分当作独立的版块来看待

新进的公司，接触新的东西，一切都让我倍感紧张。很久没有接触设计的东西了，突然上手就要做界面，心里还是很忐忑的。 贴一下Card的这个界面。 以前很少使用这类的总宽

Mask属性为对象建立一个覆盖于表面的膜。它的表达式也很简单： Filter：Mask（Color=颜色） 只有一个Color参数，用来指定使用什么颜色作为掩膜。 同样，我

DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面，然后在页面上显示出该对象的投影。看一看它的表达式： Filter：DropShado

当对一个对象使用“Glow”属性后，这个对象的边缘就会产生类似发光的效果。它的表达式如下： Filter：Glow（Color=color，Strength=strength）

Invert属性可以把对象的可视化属性全部翻转，包括色彩、饱和度和亮度值。 它的表达式也很简单： Filter：Invert 我们再来看一下加上Invert属性前后的

Shadow属性可以在指定的方向建立物体的投影。它的表达式是这样的： Filter：Shadow（Color=color，Direction=direction） 在这里，Sh

Wave属性用来把对象按照垂直的波纹样式打乱。它的表达式如下： Filter：Wave（Add=True（False），Freq=频率，LightStrength=增强光效，

Xray就是X射线的意思。 Xray属性，顾名思义，这种属性产生的效果就是使对象看上去有一种X光片的感觉。 它的表达式很简单： Filter：Xray 我们还是