整理及优化CSS代码的七个原则[译]（4）
作者：暴风彬彬 来源：彬Go 发布时间：2009-04-23 12:35:00
6.记录你的工作
David Shea在他的网站 mezzoblue.com中详细讲解了标记指导(markup guide).
如果你是一个设计团队中的一员，那么让你的代码保持规则的一致性并能与其他成语建立良好的沟通是相当重要的，而且还要建立一种网站的标准。例如，团队中的某个成员想出了一个比较不错的网站标签切换界面，记录下来这些想法和注解会帮助团队的其他成员再次使用这种效果，这样能够避免HTML或CSS代码的臃肿。
记录工作主要包括标记向导(markup guides)和样式表向导(style sheet guides)，这种工作并不仅仅适用于团队，也同样适用于一个人的设计工作(一个人的”团队”)。毕竟，在完整一个设计项目之后，经过一年甚至更长的时间，当你再回来看到这些曾经自己写的代码时，也一样会觉得很陌生。将来你会通过自己曾经的记录了解到在那些CSS结构是如何让网页表现的，或那个网页对表单按钮的起到副作用。
记住，一定要养成为CSS写注释的习惯。
7.压缩使用
为了使得浏览器节省更多下载个载入时间，压缩是一个不错的解决方案，但是仅限于发布的时候。YUI Compressor 和CSSTidy 就是这样方面的专家，他们能够去除多余的代码，校验属性互相覆盖的错误。
许多流行的编辑器，比如BBEdit, TextMate, 和 TopStyle 都能够帮助你格式化你的CSS代码成你想要的样子。你还能通过服务器压缩技术使用PHP处理你的CSS。你可以找到更多的CSS优化和压缩的CSS工具。
有一点，这些程序尽可能会降低错误的发生，但并不是完美的。同样，最好不要用他们去处理包含CSS hack的文件。这也是另一个让那些hack储存在另外的文件里的原因。
总结
整理和优化代码不仅是为了你的CSS文件大小，还包括了维护性和可读性。以上的原理并不只是针对CSS，它们还能应用到HTML，Javascript以及其他编程语言。CSS文件不只是为了呈现给你网站的最终用户。上面的原理可以帮助用户体验以及开发者经验。运用这些原则到你未来的项目中，一定能够获得重大的成效。
0
投稿猜你喜欢
我就废话不多说了，大家还是直接看代码吧~import numpy as np#从scipy库中导入插值需要的方法 interpolatefr- 问题描述先说明一下问题的由来：Django的模型中经常会用ForeignKey来关联其他表格数据class MeasureTask(mode
- 安装SQL Server 遇到错误提示：以前的某个程序安装已在安装计算机上创建挂起的文件操作。运行安装程序之前必须重新启动计算机!。找了半天
- 安装（fastcgi模式）的时候，常常有这样一句命令：/usr/local/webserver/php/bin/phpize一、phpize
- 因为要做移动梦网WAP的一些接口，所以要用到这种方式，接下来会有ASP.net版本的，这个是ASP版本的，利用了MSXML2.XMLHTTP
- 在html 5增加了新元素header、footer，测试过发现IE不能解析html 5新增的元素。代码如下：<!DOCTYPE ht
- 字典转换为字符串if __name__ == '__main__': a = {'a' : 1,
- 常见到网上博文有错误理论，包括身边很多朋友都曾认同“可访问性(Accessibility)是为残障人士准备”的观点。其实在互联网技术领域远不
- 大家好，我是丁小杰！今天和大家分享Pandas中四种有关数据透视的通用函数，在数据处理中遇到这类需求时，能够很好地应对。pandas.mel
- 今天来说说鄙人对input输入框在处理上的细节处理和心得，其实制作一个符合CSS标准、FF/IE7/IE6等主流浏览器全兼容、符合用户体验的
- 编辑 my.cnf或者my.ini文件，去除下面这几行代码的注释： log_slow_queries = /var/log/mysql/my
- ppt通过其精美的可视化技巧以及良好的演示效果，成为了职场人士的必备技能。ppt的设计是一门大学问，无论是设计技巧，还是操作方法，都衍生出了
- 1、下载python安装包，进入python官网（python.org）2、安装python，可根据需求选择默认安装或自定义安装，如下3、选
- 以下几种方法来模拟enum：（感觉方法一简单实用）# way1class Directions: up
- 方法一：mylist = [1,2,2,2,2,3,3,3,4,4,4,4]myset = set(mylist)for item in m
- 问题描述输入样例：Only the 11 CAPItal LeTtERS are replaced输出样例：Only the 11 XZKI
- 其实最近看了不少Golang接口以及方法的阐述都有一个地方没说得特别明白。就是在Golang编译隐式转换传递给方法使用的时候，和调用函数时的
- 【源码GitHub地址】：点击进入1. 问题描述之前写了一篇关于《pytorch Dataset, DataLoader产生自定义的训练数据
- 全局变量与局部变量# num1是全局变量num1 = 1# num2是局部变量def func():num2 = 2在函数外（且不在函数里）
- 平常的开发过程中不免遇到需要把model转成字典的需求，尤其是现在流行前后端分离架构，Json格式几乎成了前后端之间数据交换的标准，这种mo
