测试密码保护的文章-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 (转载注明出处)
如果你有任何建议或疑问可以在下面 留言
发表第一条评论!
相关推荐
小工具
标签
sqlite
索引
数据库
优化
知识
js
fonts
css
html
一键
json
解析
测试
速度
gae
缓存
正确
程序
python
苦短
城铁
guido
我用
kvdb
sae
方便
使用
memcached
正式
支持
openwrt
usb
上网卡
共享
网络
golang
断言
类型
注意
问题
xor
解密
加密
方法
bbr
路由
开启
百度
google
pk
三大
必应
ubuntu
gnu
debian
linux
安装
修砖记
变砖
ubnt
er
tftp
轻量级
博客
一款
ulimit
永久
设置
系统
之坑
files
open
服务
全屏
浏览器
实现
caddy
https
部署
网站
多个
failed
load
devtools
sourcemap
chrome
自动更新
microsoft
mac
关闭
app
store
登录
未知
静音
风扇
主机
笔记本
改造
低功耗
web
爬虫
服务器
组装
微信
尝鲜
视频
体验
cpu
查看
温度
server
浏览
身份验证
authenticator
迁移
手机
webdriver
微博
selenium
系统启动
固件
编译
宅家
坑记
屏幕
动手
硬件加速
nginx
quic
抢先
最近发表
- Chrome 控制台 DevTools failed to load SourceMap 警告的消除方法
- 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
最近浏览
- Python之父Guido穿着“人生苦短,我用Python”T恤等城铁
- SAE 上还是使用KVDB 方便
- SAE 正式支持 Memcached 了
- Openwrt 使用USB 4G 上网卡共享网络
- Golang里的类型断言及注意问题
- 用python 实现XOR 加密解密的方法
- Openwrt 路由上开启BBR
- 神奇:google、必应、百度三大翻译PK,百度出奇制胜!
- go json 解析速度测试
- 在 Ubuntu 或其它 GNU/Linux 系统下安装 Debian
- UBNT ER-X 变砖 tftp 修砖记
- 一款轻量级的基于SAE Python的博客诞生了
- Linux 系统永久设置ulimit
- Golang 服务之坑:too many open files
- js实现浏览器全屏方法
- 使用caddy 快速部署多个https 网站