CSS新手整理的CSS技巧

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、中文字体的粗体和斜体，远离较好，利民利己。

赞 (0)

相关推荐

  • Html/Css(新手入门第一篇必看攻略)

    下面小编就为大家带来一篇Html/Css(新手入门第一篇必看攻略).小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧一.理解web标准含义--为什么采用web标准 **** ...

  • 找你妹电脑版新手快速入门小技巧

    下面好名字悲剧了就为大家介绍一下<找你妹电脑版>新手快速入门小技巧 ,找你妹电脑版只要在关卡中找到任务提示的物品就可以通过,看是简单,可玩起来回味无穷.尤其是其中各种网络流行语更是让你体会 ...

  • 新手学div+css的基础步骤

    本文主要介绍本人学习div+css网页布局的一种思路 软件工具 01 网页三剑客 步骤/方法 01 从局部出发:从一个小的部分的样式写起,目的是让你熟悉css样式的元素有哪些,那些元素都有一些什么作用 ...

  • 新手如何学习CSS以及进阶

    在我们平常浏览的网页元素中,除了看到一些比如文字.媒体信息.图片!还包括一些文字特效,如闪光字.背景特效!这就好比为网页添加了一层外衣,那么如何为网页添加这一层即美丽又漂亮的外衣,这就要用到接下来我们 ...

  • iPad新手常用基础实用技巧汇编

    iPad作为顺应时代的产物已经深入人心了,不仅其小巧的体积在便于携带的同时还能提供满足多数用户的需求.一些新接触iPad的朋友也许还在迷茫如何驾驭这个方便小巧的玩物,小编特意为这类朋友们准备了一些比较 ...

  • 直播时怎么喊麦？主播MC新手入门喊麦技巧

    今天跟大家分享一下喊麦技巧之:你需要知道些什么,自认为是老手的,请关闭,甚至可以破口大骂. 喊麦,相信大家在YY.语聊等平台都有所了解,手持麦克风,头戴监听耳机,流行的语句,带动大家的气氛. 首先,先 ...

  • Mac新手必备入门小技巧（MAC中常用功能）

    Mac新手必备入门小技巧（MAC中常用功能）

    上次,研究所的小伙伴已经分享了10个新手入门Mac的小技巧,还没学习的小伙伴可以往前翻一下,这次我们继续分享10个小技巧,希望对大家有用!一.用keynote抠图Keynote相当于Windows系统 ...

  • 吃鸡怎么玩,新手入门教程(掌握技巧轻松吃鸡)

    吃鸡是目前非常火的游戏,但是上手有些难度,对于新手来说并不友好,许多人都不知道吃鸡怎么玩,怎么才能吃到鸡.所以仅仅是埋头苦干是没用的,还需要掌握一些技巧,可以少经历一些血的教训,也比自己慢慢摸索的上手 ...

  • CSS系列：[1]CSS实现半透明div层的方法

    首先,先看一下实例,如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http ...