如何改良你的CSS代码编写结构
作者：ximicc 来源：CSS Beauty 发布时间：2008-09-29 16:03:00
标签：结构,代码,经验,css
如何编写具有良好结构的CSS？如果在设计流程中缺乏"秩序"或"章法"是非常不利的，你得冒着风险去添加、更改、删除CSS或其属性，如此在你的最终成果中得到的将只有混乱的代码和大量未使用的元素。所以我建议在你动手编写CSS代码之前，先把你的网站的所有区块都在草稿里画出来，然后依照下面的简单规制优化你的工作：
1.简洁扼要 —— 切忌枝繁叶茂、东修西补
避免使用任何非必需的元素！两个<div>层就可以达到目的那就不要用三个。如果你觉得得用很复杂的CSS才能完成一个特定的设计结构，那你可能在某些地方犯了错误，尝试用其他的方式来实现它。通常情况下事情都是很简单的，复杂的是我们自己。
2.易于辨识 —— 让阅读和管理都更容易一些
缩进你的代码以强调依赖关系的CSS元素，使用空白和注释分割不同逻辑的代码块。使用如下所示的简洁的，行内的注释：
没有什么理论强行规定或可以解释一个ID为何要取名为#column-left，事实上此处取名为#column-left也有欠妥当，用#content-side会更好些，如此就不必担心因布局的变动而产生歧义，比如把当需要把#column-left 列移到右边时。
3.条理清晰 —— 不断的总结和改进自己的编写习惯
要习惯用同样的名字标识相同的区块，如#logo、#navbar、#footer等。给不同类型的类分组并按字母循序排列CSS属性可以提高代码的可读性。一旦你在设计中发现一些更好的方法或技巧，就应该多多运用以求巩固进而形成习惯。这样代码会变得越来越熟悉，越来越容易管理，而你也会写得越来越快。
0
投稿猜你喜欢
在网上我们常常看见一些注册表单的输入框部分并不是我们常见的矩形框，而是一条细线，很多朋友对此很感兴趣。其实要实现这样的效果并不困难，我们只要- 环境:OS:Red Hat Enterprise Linux AS release 4 (Nahant)DB:Oracle Database
- 在SQL Server 2005中，它的另外一个强大的新特点是数据库快照。数据库快照是一个数据库的只读副本，它是数据库所有数据的映射，由快照
- 在这里我们将介绍的是MySQL内存使用上的线程独享，线程独享内存主要用于各客户端连接线程存储各种操作的独享数据，如线程栈信息，分组排序操作，
- Mysql默认是不可以通过远程机器访问的,通过下面的配置可以开启远程访问.我的Mysql环境是ubuntu+mysql51.修改/etc/m
- 由于在遭遇到这个页面之前我们一 * 互刚好在讨论交互设计原则之类的话题，其中有一条是：包容性，即满足主体用户需求的同时，尽可能兼顾非主体用户需
- 今天在玩 google earth 4.0b，发现 Print Screen 下来的图片很大，如果直接放在网页上，因为尺寸太大又不合适，又不
- XML 的使用越来越广泛，但是很多 XML 的结构并不好。即便结构良好，也常常设计得很糟，使得处理和维护非常困难。而大部分用于 XML 的基
- 对于个人站长来说，如何能使自己的网站与众不同、充满个性，一直是不懈努力的目标。除了尽量提高页面的视觉效果、互动功能以外，如果能在打开网页的同
- 在 Facebook 上有一个彩蛋：登录 facebook.com ，点击你首页的任何地方，键盘输入 Up, Up, Down, Down,
- 见下表：序号保留字序号保留字序号保留字1ADD80ESCAPE159OR2ABSOLUTE81EXCEPT160ORDER3ACTION82
- 网站内容的入口很大一部分都是依赖于导航系统，而网站的入口很大一部分依赖于搜索系统，这也在一定意义上证明了导航与搜索之间的重叠性。搜索系统可以
- 今天做项目时，有一个这样的需求，需要动态删除的Tab，比如：可以删除某一个，可以删除多个。每一个Tab对应一个iframe。本来我的代码是这
- 近来，随着XHTML（可扩展HTML）标准的出现，<script/>标签也经历了一些改变。该标签不再用language特性，而用
- 今天摸了半天摸出来的，虽然这里没啥人玩ASP，不过也是win7的问题，发发当备份问题1.An error occurre
- 描述event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的过程中才有效。eve
- 简单介绍下：CSS 图片拼合 (CSS sprites) 可有效降低图片文件的 HTTP 连接请求数. 多个图片将以一定间距合并为一个大图片
- 关于oracle 优化的内容很多，概念庞杂，不过可以总结出一个大纲性的东西作为需要考虑的方向，然后再逐步细化。oracle优化按重要性需要考
- 本文实例介绍了asp对access数据库常见操作方法，查找记录，添加记录更新记录，删除记录等。一、查找记录find.htm<HTML&
- asp ajax json教程首先用ACCESS建json.mdb的库,然后建一个表t_jsontable,字段如下:jt_id,jt_na
