易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS样式文件优化 更整洁而清晰


CSS简写就是指将多行的CSS属性声明化成一行,又称为CSS代码优化。CSS简写的最大好处就是能够显着减少CSS文件的大小,其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以调试。尤其是当一个团队在进行设计的时候,你的臃肿的CSS代码会使你的团队其他成员的工作效率下降。
  今天,整理了一些CSS简写技巧,它们其实是CSS最常用的写法,但是太多的人使用Dreamweaver这种所见即所得软件来编写CSS,使得代码过于臃肿。不过没关系,看过本文之后,你一能能掌握CSS代码优化的技巧,今后让你的每一个CSS样式表都看起来整洁而简短吧。
  属性值为0,不必添加单位
  书写原则是如果CSS属性值为0,那么你不必为其添加单位(如:px/em),你可能会这样写:
  padding: 10px 5px 0px 0px;
  试试这样吧:
  padding: 10px 5px 0 0;
  移除选择器
  选择器是你在为一些元素应用CSS样式时的基本方法,比如h1, h2, h2, div, strong, pre, ul, ol等等…如果你使用了class(.类名)或ID(#id名),那么就不用再在声明CSS时包含选择器了。
  div#logowrap
  尝试扔掉多余的选择器吧:
  #logowrap
  在这个例子中所谓的那个选择器就是div
  *总爱和你开玩笑
  要明智的使用*而避免它在整个CSS样式表中乱开玩笑,*是个通配符,你可以使用它来为你的设计部分或全部进行一系列CSS声明。例如:
  * {
   margin: 0;
  }
  这个声明会将所有元素的margin值设置为0,同样的,为了严谨起见,你可以尝试这样设置:
  #menu * {
   margin: 0;
  }
  这样的声明是指将#menu下的所有元素的margin设为0。
  背景
  背景(background)属性可能会包含设置背景色、背景图、背景图的位置和背景图重复方式的参数,你可能会写成:
  background-image: url(”logo.png”);
  background-position: top center;
  background-repeat: no-repeat;
  其实可以写成:
  background: url(logo.png) no-repeat top center;
  颜色
  颜色(color)属性在CSS通常指定为一个十六进制的值,一个#加6位数,他的简写方式是如果颜色值由成对儿出现的三对而数字组成,你可以省略掉没对中的一个数字。
  #000000 可以写成 #000, #336699 可以写成 #369
  这种简写技巧只适用于成对出现的颜色值,其它颜色值不适用这种技巧,比如:
  #010101, #22


相关文档:

25本经典CSS电子书


The CSS Anthology 101 Essential Tips Tricks Hacks 3rd Edition

The Ultimate CSS Reference

Teach Yourself Visually Html And CSS

Everything You Know About CSS is Wrong

The CSS Anthology 101 Essential T ......

5种方法立刻写出更好的CSS代码

5种方法立刻写出更好的CSS代码
引自:http://bbs.seuuo.com/thread-2625-1-3.html
当然,每个人都可以编写CSS代码,甚至你现在已经让它为你的项目工作了。但是CSS还可以更好吗?开始用这5个Tips改进你的CSS吧!
1.重置
首先,很认真的告诉你,总是要重置某些分类。无论你是使用 Eric Meyer Reset、YUI Reset或者你自己编 ......

用css让图片自动适应大小

图片自动适应大小的问题在平时制作的时候是比较常见的问题,下面提供一个比较简单的解决方法:
div img {
max-width:600px;
//IE7、FF等其他非IE浏览器下最大宽度为600px;
width:600px;
//所有浏览器中图片的大小为600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
//当图片大小大于6 ......

CSS常用属性

要做个BS的网站项目,恶补一下CSS。
CSS常用属性:
字体属性
:(font)
大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD
样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)
行高 line-height: normal;(正常) 单位:PX、PD、EM
粗细 font-weight: bold ......

CSS经典实用技巧10招


一.使用css缩写
使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。
二.明确定义单位,除非值为0
忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100",但是在CSS中,你必须给一个准确的单位,比如:width: 100px width:100e ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号