1.css字体简写规矩

2.一起运用两个class

3.css中边框（border)的默许值

4.!important会被IE疏忽

5.图像替换的窍门

举例来说，你想在每一页的顶部运用“Buy widgets”的标题，但你一起又期望这是能被搜索引擎发现的，为了美丽你运用了罕见的字体那么你就得用图像来显现了：

这么当然没错，可是有依据显现搜索引擎对真实文本的注重远超过alt文本（由于已经有太多网站运用alt文本充任关键词），因而，咱们得用另一种方法：

Buy　widgets

10个CSS技巧

10个CSS技巧

如今你既用上了美丽的图像又极好的躲藏了真实文本--借助css，文本被定坐落屏幕左边-2000像素处。

css盒模型hack被用来处理IE6之前的浏览器显现疑问，IE6.0之前的版别会把某元素的边框值和填充值包含在宽度以内（而不是加在宽度值上）。例如，你也许会运用以下css来指定某个容器的尺度：

然后在html中运用：

7.将块元素居中

8.运用css完成笔直居中

9. 容器内的css定位

css的缺陷之一是缺少笔直方向的控制，然后致使了一个表格规划不会遇到的疑问。假定你在页面的左边设定了一列用于放置网站的导航。页面为白色布景，但你期望导航地点的列为蓝色布景，运用以下css即可：

疑问在于导航项不会一向延伸到页面的底部，天然它的布景色也不会延伸到底部。所以左列的蓝色布景在页面上被半路切断，浪费了你的一番规划。怎么办呢？很不幸咱们如今只能用欺骗的方法，行将body的布景指定为与左列同色彩同宽度的图像，css如下：

布景图应为宽150像素的蓝色图像。这一方法的缺陷是无法运用em来指定左列的宽度，当用户改动文字的巨细致使内容的宽度扩大时，布景色的宽度不会随之改动。