Chrome浏览器的Custom.css具体有哪些使用实例

html-css037

Chrome浏览器的Custom.css具体有哪些使用实例,第1张

既然是用CSS定义页面样式,那就按照CSS规则来写;以下提供我现在正在使用的CSS和效果截图以供参考:

body,table,td,p,select,textarea,font,form,input,span,div,a,pre,li,frame,iframe *{

font-family:"Century Gothic","WenQuanYi Micro Hei Mono" !important

font-size:100%

}

#attribution.attribution{display:none}

::-webkit-scrollbar-track-piece{

background-color:#fff

-webkit-border-radius:1

}

::-webkit-scrollbar{

width:12px

height:8px

}

::-webkit-scrollbar-thumb{

height:50px

background-color:#999

-webkit-border-radius:4px

outline:2px solid #fff

outline-offset:-2px

border: 2px solid #fff

}

::-webkit-scrollbar-thumb:hover{

height:50px

background-color:#9f9f9f

-webkit-border-radius:4px

}

第一大段强制定义了中英文字体和字体大小;

之后的代码是自定义滚动条样式,这是从网上抄来的,为了和主题更加匹配;

另外,还请注意Custom.css务必以UTF8无BOM编码格式保存;

以上,仅供参考。

尽量采用标准的CSS样式,避免浏览器产生差异,而且对于现代浏览器来讲一般很少产生这种兼容性问题,如果实际情况需要区分,也尽量用以设置那些低版本浏览器(IE6/7/8)。

要区分IE和chrome,有个分水岭就是IE9,IE9以上浏览器支持HTML5,所以可以采用一些CSS3中的新属性来区分IE低版本与chrome,另外还可以采用属性值加\9的方式来区分IE和chrome,例如:top:10px\9(仅IE有效)。