进阶教程：网页css样式表设计十条技巧

《进阶教程：网页css样式表设计十条技巧》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、进阶教程：网页CSS样式表设计十条技巧>>edu.5151doc.教育资源库　　1.CSS字体简写规则　　当使用css定义字体时你可能会这样做:　　font-size:1em;　　line-height:1.5em;　　font-all-caps;　　font-family:verdana,serif;　　事实上你可以简写这些属性:　　font:1em/1.5embolditalicsmall-capsverdana,serif　　现在好多了吧，不过有一点要注意:使用这一简写方式你至少要指定font-size

2、和font-family属性，其他的属性(如font-portant会被IE忽略　　在css中，通常最后指定的规则会获得优先权。然而对除了IE以外的浏览器来说，任何后面标有!important的语句将获得绝对的优先权，例如:margin-top:3.5em!important;margin-top:2em除IE以外所有浏览器中的顶部边界都是3.5em，而IE为2em，有时候这一点很有用，尤其在使用相对边界值时(就像这个例子)，可以显示出IE与其他浏览器的细微差别。(很多人可能还注意到了css的子选择器也是会被

3、IE忽略的)　　5.图片替换的技巧　　使用标准的html而不是图片来显示文字通常更为明智，除了加快下载还可以获得更好的可用性。但是如果你决心使用访问者的机器中可能没有的字体时，你只能选择图片。　　举例来说，你想在每一页的顶部使用“Buygsrc="/age.gif"alt="Buyage.gif)no-repeat;　　}　　h1span　　{　　position:absolute;　　left:-2000px;　　}　　现在你既用上了漂亮的图片又很好的隐藏了真实文本——借助css，文本被定位于屏幕左侧-20

4、00像素处。　　6.css盒模型hack的另一选择　　css盒模型hack被用来解决IE6之前的浏览器显示问题，IE6.0之前的版本会把某元氐谋呖蛑岛吞畛渲蛋诳矶戎?而不是加在宽度值上)。例如，你可能会使用以下css来指定某个容器的尺寸:　　#box　　{　　l中应用:　　<divid="box">...</div>9731248:[这篇文章来自..，]