测试密码保护的文章-CSS高级优化技巧
🕤 by pyList at 2011-12-14 20:51
密码保护的博文往往涉及一些珍贵的资源,本文测试一下。下面是 个人收藏的 CSS 高级优化技巧,感觉对初学者很有用。
CSS 常见优化
- 不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。
- 无边框。推荐的写法是
border:none;
,哈哈,我一直在用这个。border:0;
只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。 - 慎用 * 通配符。所谓通配符,就是将 CSS 中的所有标签均初始化,不管用的不用的,过时的先进的,一视同仁,这样,大大的占用资源。要有选择的初始化标签。
- CSS 的十六进制颜色代码缩写。习惯了缩写及小写,这才知道,原来不是推荐的写法,为的是减少解析所占用的资源。但同时会增加文件体积。孰优孰劣,有待仔细考证。
- 样式放头上,脚本放脚下。不内嵌,只外链。
- 坚决不用 CSS 表达式。
- 使用 引用样式表,而不是通过
@import
导入。 - 一般来说,PNG 比 GIF 要小,小得多。再者,GIF 中有多少颜色是被浪费的,很值得优化。
- 千万不要在 HTML 中缩放图片,一者不好看,二者占资源。
- 正文字体最好用偶数,12px、14px、16px,效果非常好。特例,15px。
- block、ul、ol 等上下留出至少一倍行距,左侧至少两倍行距,右侧随意。
- 段落之间,至少要有一倍行距。
- 强行指定某些元素的 line-height,正文 1.6 倍于文字大小,标题 1.3 倍。
- 中文标点用全角。英文夹杂在中文中,左右空格,半角。
- 中文字体的粗体和斜体,远离较好,利民利己。
实行顺序
特殊性由一般到特殊排序:link--visited--hover--active
如下就能实现所要的效果:
a:link{color: blue}
a:visited{color: red}
a:hover{color: yellow}
a:active{color: white}
特别分享一下,希望对你也有帮助。
更新
已取消密码保护功能。
本文网址: https://pylist.com/t/1323867102 (转载注明出处)
如果你有任何建议或疑问可以在下面 留言
发表第一条评论!
相关推荐
小工具
标签
gae
缓存
优化
正确
程序
sqlite
索引
数据库
知识
js
fonts
css
html
一键
json
解析
测试
速度
openwrt
usb
上网卡
共享
网络
python
电子书
信息
u盘
mac
diskutil
格式化
顽固
文件
wkwebview
ios
载入
灵活
bbr
路由
开启
cjson
lua
module
错误
解决
国内
golang
md5
计算
os
popen
超时
老旧
服务器
笔记本
改造
记录
低功耗
web
爬虫
组装
nginx
上传
中断
默认值
struct
设置
之坑
files
open
服务
google
身份验证
authenticator
迁移
手机
webdriver
微博
selenium
登录
自动更新
microsoft
关闭
app
store
未知
静音
风扇
主机
微信
尝鲜
视频
体验
cpu
debian
ubuntu
查看
温度
chrome
server
浏览
gnu
linux
安装
系统启动
固件
编译
宅家
坑记
屏幕
动手
硬件加速
ubnt
er
quic
抢先
useragent
搜索引擎
蜘蛛
真假
识别
最近发表
- Mac 关闭 Microsoft 自动更新
- Mac 登录 App Store 出现“发生了未知错误”的解决方法
- 老笔记本改造为无风扇静音主机方案
- 自己组装21瓦低功耗家庭爬虫、文件、web服务器
- 微信视频号尝鲜体验
- Ubuntu/Debian 查看CPU温度的方法
- 在Ubuntu/debian Server 系统使用Chrome 无头浏览模式
- 换手机后 Google 身份验证器 Google Authenticator 数据迁移的简单方法
- 使用Golang selenium WebDriver 自动登录微博
- 在 Ubuntu 或其它 GNU/Linux 系统下安装 Debian
- Mac 下制作 USB ubuntu/debian 系统启动、安装盘的几种方法
- ubuntu/debian 下自行编译 OpenWRT 固件
- 宅家自己动手换手机屏幕掉坑记
- 路由 UBNT ER-X 官方固件升级及开启硬件加速的方法
- 在 Nginx 和 Golang web 上抢先体验 QUIC
- 从UserAgent识别搜索引擎并判断真假蜘蛛
最近浏览
- Openwrt 使用USB 4G 上网卡共享网络
- python 解析电子书的信息
- 在终端使用Mac diskutil 命令格式化顽固U盘
- IOS WKWebView 灵活载入本地文件和网络文件
- Openwrt 路由上开启BBR
- 出现 lua module 'cjson' not found 错误的解决方法
- OpenWrt 国内源
- golang 计算大文件md5
- python 解决os.popen 超时问题
- 把老旧笔记本改造为家庭服务器过程记录
- 自己组装21瓦低功耗家庭爬虫、文件、web服务器
- Nginx 服务器上传大文件经常中断的解决方法
- go struct 设置默认值
- Golang 服务之坑:too many open files
- 换手机后 Google 身份验证器 Google Authenticator 数据迁移的简单方法
- 使用Golang selenium WebDriver 自动登录微博