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

html-css028

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中的图片,统一转化图片的路径为相对于站点的根目录,并且按图片名字、尺寸、内容重命名图片,方便缓存的自动清理。

gulp-cdn-service主要是对gulp-custom-css-urls输出的图片进行上传至CDN处理。目前只支持上传到七牛的CDN。该模块还有一个特点就是,对于已经上传的图片不会再次进行上传,提高项目构建发布的速度。