热词世界杯 |
2008-03-20 09:14 出处:PConline 作者:legend整理 责任编辑:chenzhenjia
本页技巧目录: 1、CSS字体属性简写规则 1、CSS字体属性简写规则 一般用CSS设定字体属性是这样做的: font-weight:bold; 但也可以把它们全部写到一行上去: font: bold italic small-caps 1em/1.5em verdana,sans-serif; 注意:这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且,如果你没有设定font-weight, font-style, 以及 font-varient ,他们会使用缺省值,这点要记上。 2、FireFox移除超链接的虚线 FireFox下,当你点击一个超链接时会在外围出现一个虚线轮廓。这很容易解决, 只需要在标签样式中加入 outline:none。 a{ 3、让固定宽度的页面居中 为了让页面在浏览器居中显示, 需要相对定位外层div,然后把margin设置为auto。 #wrapper { margin: auto; position: relative; } 4、隐藏水平滚动条 为了避免出现水平滚动条,在body里加入 overflow-x:hidden 。 body { overflow-x: hidden; } 当你决定使用一个比浏览器窗口大的图片或者flash时,这个技巧将非常有用。 5、针对浏览器的选择器 这些选择器在你需要针对某款浏览器进行css设计时将非常有用。 IE6及其更低版本 * html {} IE7及其更低版本 *:first-child+html {} * html {} 仅针对IE7 *:first-child+html {} IE7和当代浏览器 html>body{} 仅当代浏览器(IE7不适用) html>/**/body{} Opera9及其更低版本 html:first-child {} Safari html[xmlns*=""] body:last-child {} 要使用这些选择器,请将它们放在样式之前。 例如: #content-box { width: 300px; height: 150px; } * html #content-box { width: 250px; } /* overrides the above style and changes the width to 250px in IE 6 and below */ 6、同时使用两个类 一般只能给一个元素设定一个类(Class),但这并不意味着不能用两个。事实上,你可以这样: 同时给P元素两个类,中间用空格格开,这样所有text和side两个类的属性都会加到P元素上来。如果它们两个类中的属性有冲突的话,后设置的起作用,即在CSS文件中放在后面的类的属性起作用。
|