飞龙博客

feilong.org

转载某网友学习css心得技巧笔记18条

feilong.org 修订于2009-05-20 07:00:18 360 次浏览

转载某网友学习css技巧心得笔记18条,最后三条飞龙自己加的,飞龙来逐一分析。本文修订网址http://feilong.org/css-tips 20050526-2修订2010年第4次修订。

1.不使用太小图片做背景。比如用边长1px的图片平铺一个边长200px的方形需平铺200*200=40,000次图片!占用资源。物极必反。
2.无边框推荐写法border:none;因为border:0;定义边框宽度为零,但边框样式和颜色仍然会被浏览器解析。这不对吧?没通过验证呢!
3.慎用*通配符。通配符将CSS所有标签初始化,大大耗用资源。有点道理,以后注意。

4.CSS十六进制颜色代码缩写是对是错?缩写及小写不是推荐写法即不受默认源格式。源格式可以减少解析所占用的资源,但会增加css文件体积。孰优孰劣?有待考证。
5.css样式放头上,js脚本放脚下。只外链,不内嵌。飞龙总结先后顺序:dtd-网页编码-meta信息-title标题-css样式调用-JavaScript的js调用。
6.坚决不用CSS表达式。飞龙注:啥意思?网页不写style了吗?

7.使用引用样式表,而不是通过@import导入。@import导入没用过。
8.一般来说PNG比GIF要小,小得多。再者,GIF中有多少颜色是被浪费的。
9.不在HTML中缩放图片,不好看,占资源。

10.正文字体最好用偶数,12px.14px.16px。特例 15px。11pt也不错就是太细。
11.block.ul.ol等上下留出至少一倍行距,左侧至少两倍行距,右侧随意。
12.段落之间,至少要有一倍行距。没定数。

13.强行指定某些元素的line-height,正文1.6倍于文字大小,标题1.3倍。
14.中文标点用全角。英文夹杂在中文中,左右空格,半角。
15.中文字体的粗体和斜体,远离较好,利民利己。不会吧?

16.模块上下左右不管三七二十一padding至少5px。
17.框架最佳宽度是屏960px、main780px、sidebar212px到220px
18.骨架尽量少用。广告区域的样式更要全篇谋划。

更新网址:https://feilong.org/css-tips
最初发布:20090520 07:00:18 feilong.org 于广州

加入收藏夹,查看更方便。

所在分类: 网站开发

新作:

旧文:

blog money bui 教程 echarts 教程 eclipse 教程 html css 教程 IT趋势 js 教程 json 教程 mysql 教程 nodejs npm 教程 onblog SQLite 教程 tutorials vscode 教程 wap网站 winpe启动盘 wordpress 主机推荐 书法 前端开发 博客 名企名网 国学 域名注册 常用软件 建站程序 操作系统 教程 数码 无线上网 日记 电子商务 电脑笔记本 网站 网站优化 网站开发 网站推广 网站策划 网络 虚拟现实 默认