10条改进你的CSS代码的方法
作者：tomie 来源：代码人 发布时间：2010-03-20 22:07:00
如何让你的CSS代码更具有组织性和易维护性，为什么你的样式表总是臃肿和混乱的？有些时候是源于一开始书写时的混乱和草率，有时候也是因为后期的维护和各种HACK的需要，但不管如何，书写出干净、易于管理的CSS很简单，下面是10条改进的方法：
1.井井有条。
和许多其他的事情一样，首先要保持一个良好的组织性，而不是想到ID就写ID，想到CLASS就写CLASS，而要使样式表保持一个连贯的结构，这能让你充分的利用样式的继承。首先定义你最常用的项目，然后是不太常用到的然后是其他，这会使你的CSS属性得到正确的继承，当你需要重新定义一个特殊的风格时会很简单，也会使得你以后对该CSS的修改和编辑更加迅速，因为它遵从简单、可读、有逻辑的结构。
一个良好的CSS结构应该包括以下一些部分：
重置和覆盖（Resets & overrides）
链接和字体（Links & type）
主要布局（Main layout）
次要布局结构
表单元素
杂项
下图展示的就是一个示例：
2.风格名称、创建时间、签名。
让别人知道是谁写的样式表，当他们有问题的时候可以及时的请教，这在制作模板或者主题以及团队合作时非常有用。
/*=========
Daimaren style
Copyright 2010 by Tomieweb@gmail.com
for - www.daimaren.cn
swatch colors
-------------------
ff0000 - red
0000ff - blue
13437a - dark blue
e1e1e1 - light gray
===========*/
swatch colors里记录了此风格用到的一些颜色色值，和它们对应的颜色描述，这么做是方便以后的编辑工作，你不用再打开PS或者其他取色软件在去找颜色，翻到样式顶部拷贝即可。
0
投稿猜你喜欢
1 前言在工作中时常会有繁重的文案工作，接触了python 之后，就会觉得这个比较简单了，python 操作word 和 excel 是比较- 正文开始：服务器端代码：# 再来简单的测试，这个是服务器端import socketimport sysBUF_SIZE = 1024ip_
- Python 语句语句是 Python 解释器解析和处理的基本指令单元。通常解释器按顺序一个接一个的执行语句。在 REPL 会话中，语句在输
- 原理python没有办法直接和c++共享内存交互,需要间接调用c++打包好的库来实现流程C++共享内存打包成库python调用C++库往共享
- 1、修改本地化时间原理: 本地化时间格式化需要gettext支持, 假如你的环境没有开启此功能, 将会返回乱码, 影响#phpmyadmin
- Python获取时间范围内日期列表和周列表的函数 1、获取日期列表# -*- coding=utf-8 -*-import datetime
- python的uuid都是32位的，比较长，处理起来效率比较低，本算法利用62个可打印字符，通过随机生成32位UUID，由于UUID都为十六
- 1. list查询个数：调用list.count(obj)函数，返回obj在list中的个数。输入：list_a = [2 for x in
- Confusion Matrix在机器学习领域，混淆矩阵（confusion matrix），又称为可能性表格或是错误矩阵。它是一种特定的矩
- MySQL是中小型网站普遍使用的数据库之一，然而，很多人并不清楚MySQL到底能支持多大的数据量，再加上某些国内CMS厂商把数据承载量的责任
- 1、异常的传播当在函数中出现异常时，如果在函数中对异常进行了处理，则异常不会再继续传播。如果函数中没有对异常进行处理，则异常会继续向函数调用
- 前言：Matplotlib 通常与 NumPy、Pandas 一起使用，是数据分析中不可或缺的重要工具之一。Matplotlib 是 Pyt
- 闭包与defer1.闭包闭包 ： 一个函数与其相关的引用环境组合的一个实体，其实可以理解为面向对象中类中的属性与方法。如代码块中，函数fun
- 注：本文以Windos系统上Go SDK v1.17.5进行讲解1.go build命令2.手动案例2.1新建文件在桌面新建一个文件夹Hel
- python 线程池的四种实现方式线程简述 一个程序运行起来后，一定有一个执行代码的东西，这个东西就是线程； 一般计算(
- 前言：自增列可使用 auto_increment 来实现，当一个列被标识为 auto_increment 之后，在添加时如果不给此列设置任何
- 为什么需要对参数进行编码？相信有过开发的经验的广大程序员都知道，在Web中，若是直接在Url地址上传递参数值，若是中文，或者+等什么的就会出
- 先制作一些数据：import numpy as npimport tensorflow as tfimport matplotlib.pyp
- 本文实例讲述了Python使用Pickle库实现读写序列操作。分享给大家供大家参考，具体如下：简介pickle模块实现了用于对Python对
- 项目环境：python3.6，django2.1接口功能： 将传入参数a和b字符串相加，返回结果1.新建一个django项目# 新建一个名为
