您的位置: 首页 > 软件教程 > DIV+CSS教程专题 > CSS新手整理的CSS技巧

DIV+CSS教程专题

精品软件课程
更多 >
Adobe Flash,是Macromedi... [详细]
Dreamweaver是网页制作和管理的所见... [详细]
MySQL是一个小型关系型数据库管理系统,被... [详细]
PHP是一种 HTML 内嵌式的语言,是一种... [详细]
HTML的中文叫做“超文本标记语言”。是用来... [详细]
Dreamweaver是网页制作和管理的所见... [详细]
CSS新手整理的CSS技巧 8.4分
出处:网络 时间:2011-04-21

您可能感兴趣的话题: Dreamweaver  

核心提示:不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。

    1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。

 

    2、无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。 border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。

 

    3、慎用 * 通配符。所谓通配符,就是将 CSS 中的所有标签均初始化,不管用的不用的,过时的先进的,一视同仁,这样,大大的占用资源。要有选择的初始化标签。

 

    4、CSS 的十六进制颜色代码缩写。习惯了缩写及小写,这才知道,原来不是推荐的写法,为的是减少解析所占用的资源。但同时会增加文件体积。孰优孰劣,有待仔细考证。

 

    5、样式放头上,脚本放脚下。不内嵌,只外链。 

 

    6、坚决不用 CSS 表达式。 

 

    7、使用 引用样式表,而不是通过 @import 导入。 

 

    8、一般来说,PNG 比 GIF 要小,小得多。再者,GIF 中有多少颜色是被浪费的,很值得优化。
 
    9、千万不要在 HTML 中缩放图片,一者不好看,二者占资源。

 

    10、正文字体最好用偶数,12px、14px、16px,效果非常好。特例,15px。 

 

    11、block、ul、ol 等上下留出至少一倍行距,左侧至少两倍行距,右侧随意。

 

    12、段落之间,至少要有一倍行距。

 

    13、强行指定某些元素的 line-height,正文 1.6 倍于文字大小,标题 1.3 倍。

 

    14、中文标点用全角。英文夹杂在中文中,左右空格,半角。

 

    15、中文字体的粗体和斜体,远离较好,利民利己。

网友评论
多特网友 2014-08-14 16:33:01 回复
还是 有点用处的,时间长了,有的东西就会忘记掉。
多特网友 2014-02-28 16:27:58 回复
感觉有点是说得不清不楚的。
多特网友 2013-06-03 16:09:03 回复
第 6点,最好不用css样式,什么意思!
多特网友 2013-04-25 17:24:50 回复
有点道理!不知道实用不实用
多特网友 2013-04-01 16:04:49 回复
那我看很多大网站都是用1像素做背景啊?求解释?
多特网友 2012-11-07 18:21:36 回复
为什么不能用小的图片做背景平铺?我们老师都是教我们用小的图片做背景平铺的。
多特网友 2012-12-17 16:41:06
##你用1*1,2*2的小图片平铺一个页面试试就知道。##
多特网友 2012-07-07 18:20:21 回复
haoho
多特网友 2012-07-06 16:20:51 回复
我是新##  不解释
多特网友 2012-08-17 22:34:00 回复
这个有没有好的教程
多特网友 2012-06-05 10:51:08 回复
##不错的,很好的解释##