`

CSS实用小技巧

    博客分类:
  • CSS
阅读更多

     本文链接:http://www.islandcn.com/post/742.html

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

分享到:
评论

相关推荐

    js添加css样式小技巧

    一个使用js来添加css样式的小技巧,让您轻松掌握通过js来添加css的技术

    css实用的技巧 css css

    在一些论坛里找到的一些小技巧,希望对大家有用哦…………………………………………

    十四个CSS应用小技巧陈列

    主要介绍如何CSS能使你的网页更加简炼以及使用CSS中的一些小经验.

    CSS文集

    利用CSS的Expression自定义属性来实现表格的OnMouseOver 特效 需要掌握的八个CSS布局技巧 用css实现链接经过时显示浮动图片背景的效果 自适应大小的CSS圆角盒子 div+css实现Firefox和IE6兼容的垂直居中...

    CSS运用中的技巧及常见问题

    CSS实用技巧及常见问题,一些平时没有注意的小技巧。了解它,对于以后制作页面会减少出错机会

    微信小程序 css使用技巧总结

    微信小程序 css使用技巧 1:用纯CSS创建一个三角形的原理把上、左、右三条边隐藏掉(颜色设为 transparent) .demo { width: 0; height: 0; border-width: 20px; border-style: solid; border-color: transparent ...

    一波CSS高级实用技巧小结

    使用 :not() 在菜单上应用/取消应用边框 先给每一个菜单项添加边框 CSS Code复制内容到剪贴板 /* add border */  .nav li { border-right: 1px solid #666; }  ……然后再除去最后一个元素…… CSS ...

    div+css有实例,易学易懂

    3.3.2 一些CSS 的实用技巧 3.3.3 怎样调试CSS 3.4 关于CSS 的学习 第4 章 网页头部元素的详细定义 第41 页 4.1 DOCTYPE 的选择 4.1.1 什么是DOCTYPE 4.1.2 选择什么样的DOCTYPE 4.2 名字空间 4.3 编码问题 4.4 meta ...

    css 4.2.7中文手册(CHM版)

    css 4.2.7中文手册给大家列举了一些CSS中的相关知识。比如:属性,选择符,语法与规则,取值与...另外,给大家总结了一些使用过程中,遇到的问题和解决办法,并且提供了一些简单的小技巧和经验,希望能为大家带来帮助。

    不能不知道的CSS选择器技巧

    不能不知道的CSS选择器技巧,CSS选择器使用技巧,你应该知道特分享给大家,感兴趣的小伙伴们可以参考一下

    Dreamweaver小技巧之应用CSS样式表

    Dreamweaver教程的两个小技巧下面教大家一下,去除超级链接的下划线以及在超级链接上实现鼠标悬停变色与创建可反复使用的外部CSS样式表

    CSS 控制动画播放与暂停的小技巧(非常实用)

    今天要介绍一种很简单的使用 CSS 控制动画播放与暂停的小技巧。 使用好了,可以在很多实际场景得以运用。 我们先来看个例子,本例子是我在闲逛 Codepen 时看到了,很有意思: 本例子,CodePen: ...

    CSS网页布局25个实用小技巧

    CSS网页布局编码小技巧整理.不论是网站改版还是做新网站,都需要注意的一些地方。

    HTML的一些小技巧

    HTML页面常用的一些小技巧,方法等,很实用,希望能帮到你。

    三个很特别的CSS小技巧分享

    里给大家介绍3个CSS中非常不错的小技巧,非常的简单实用,使用得当,可以大大降低我们的工作强度。

    29个常用的CSS小技巧汇总

    本文给大家推荐了29个常用的CSS小技巧,均是本人项目中使用过的,经过检测的代码,大家可以放心使用

Global site tag (gtag.js) - Google Analytics