首页 > 开发 > CSS > 正文

让CSS代码更具有易维护性

2024-07-11 08:46:39

字体：大中小

来源：转载

供稿：网友

有些时候是源于一开始书写时的混乱和草率，有时候也是因为后期的维护和各种HACK的需要，但不管如何，书写出干净、易于管理的CSS很简单，下面是10条改进的方法：
1.井井有条。
和许多其他的事情一样，首先要保持一个良好的组织性，而不是想到ID就写ID，想到CLASS就写CLASS，而要使样式表保持一个连贯的结构，这能让你充分的利用样式的继承。首先定义你最常用的项目，然后是不太常用到的然后是其他，这会使你的CSS属性得到正确的继承，当你需要重新定义一个特殊的风格时会很简单，也会使得你以后对该CSS的修改和编辑更加迅速，因为它遵从简单、可读、有逻辑的结构。
一个良好的CSS结构应该包括以下一些部分：

重置和覆盖（Resets & overrides）
链接和字体（Links & type）
主要布局（Main layout）
次要布局结构
表单元素
杂项

下图展示的就是一个示例：

2.风格名称、创建时间、签名。
让别人知道是谁写的样式表，当他们有问题的时候可以及时的请教，这在制作模板或者主题以及团队合作时非常有用。

复制代码

上一篇：css 实现文字垂直居中

下一篇：css 控制first-letter伪类的背景

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注