CSS编程中值得注意的几个小结

本文主要介绍CSS编程中的一些值得注意的问题，包括代码的可维护性和可读性，您需要的朋友可以参考。
CSS是一种级联样式表，所以一层一层的覆盖是其基本特征。真正的问题在于维护，许多人认为CSS是唯一的方式，不是代码，无需维护，所以任何写作，只要他们需要的风格可以设置为最高优先级，有导致深层次的CSS的出现，因为每一次我们必须添加一个样式比以前高优先级的网页上看到，深层次的结果不仅维护成本低，而且是一个可读性。人不是机器，不能按优先级读取优先级。所以很难找出一个风格，其实有很多多余的样式，到处覆盖。此代码的可扩展性，一开始却有一个优势，因为一个新的类的添加，不需要担心其他地方的影响，但随着项目的页面大小增加缓慢增加，需要复制的地方风格越来越多，和他们之间有差异，小的设计变更，改变这种快餐CSS促进焦油坑需求这一切。因为它是难以维持的，所以无法对需求做出回应，所以不能重复使用，只能复制，恶性循环。

如上所述，问题在于可读性、可维护性、可扩展性和可重用性。因此，只需将它们举出来解决问题就可以了。
可读性

有些人认为CSS不是一个程序，不需要可读性。有些人认为CSS是可读的只要是写的，因为它是非常简单的。除了各种处理器、原生CSS结构很简单，没有部分的编程，但它仍然会导致混乱。有两个原因，一个是CSS可以堆叠，这就涉及到优先级和范围，如果写得好，读两意义非常困难，CSS属性众多，加上CSS3介绍了很多独特的属性的用法，一个选择可能包含几十个属性。例如，下面的CSS代码是我写的：

CSS代码将内容复制到剪贴板。
{跨度
WebKit的影子：6px 4px 4px红盒子；
-moz盒阴影：6px 4px 4px红；
盒子的影子：6px 4px 4px红；
}
DIV跨度{
边框宽度：4px；
边框样式：虚线；
边框颜色：蓝色；
}
{ #盒
左边界：2px固体红；
底部边框：2px固体红；
}

乍一看，这没什么。都是边界。它可以大致看出这个CSS只是添加一个红色的影子让盒子看起来更立体，但中间部分似乎是麻烦制造者，你可能会说看它太傻了。是的，当这3个部分是分散在成千上万条CSS，它必须不被看到的，所以有些人很自然地想到我们可爱的浏览器。是的，在浏览器中，我们可以很快找到CSS模式作用于目标，但这也是万恶之源。首先，我想你不知道中间的中间部分是什么，因为你会发现它的浏览器，那么有两种可能离开，不管37二十一，看它为什么存在。悲剧的可能性是100%，悲剧，后者的可能性是90%，因为你已经出坑，我们会发现你想修改还涉及到另一个地方，很快，然后在浏览器中探索另一个莫名其妙的风格，当你明白一切，你应该把一百万的代码是清晰的，也许最幸运的是，浪费几个小时发现只需要修改线能够达到目的。

当然，我们可以天真地认为，只要把它们写在一起，就很容易找到它。我会继续遵循这个想法，试图揭露这个问题。
可维护性

所谓的物以类聚。有很好的理由，人们都习惯于将事物归类，但问题是分类的标准，样式并不关心业务，不管什么文字，或功能上的差别，它只关心风格，如字的大小、间距、宽度、颜色等。如果你只是把一个组件的风格结合在一起，势必带来的小部分代码复制。不要想太多吗我给你一个栗子。

CSS代码将内容复制到剪贴板。
除了{
盒子的影子：6px 4px 4px # aa3343；
}
{资产净值
盒子的影子：6px 4px 4px # ab3633；
}
{项目。
盒子的影子：6px 4px 4px # aa3732；
}
{。item.otherstatus
盒子的影子：6px 4px 4px # aa3132；
}

要继续上述示例，框需要阴影，但如果这个项目的UI统一样式，包括侧边栏、导航器和项，需要这样的阴影吗如果，明天，客户或用户体验的头，阴影应该是灰色的，不是红色的吗不要天真的认为全球置换是一个救星。首先，不是有很多的网站使用红色和模糊使色调。你应该使用# aa3333，这样的代码，然后你发现侧边栏使用# a43433，而导航是# ab3633，等项目有两种状态，和两种状态对应不同的颜色。这怎么可能呢但是当你打开浏览器时，你会发现在阴影中完全不同的颜色是完全一样的。谁能看到它使用时，它可以模拟一个随机的颜色。

大量的重复带来的不仅仅是代码的冗余。我们必须用人力来同步它们，很难让人们确保他们的修改完全相同，尤其是当他们引入一些不一致和独特的东西时，不要轻视CSS，结果是进步和人力的压力，下面是PM是否读过人类月神话。

一定有人在思考，谁让你想这样写。当我们读代码时，我们想问，我们为什么写这个但你会读到它的历史，有时它是不由自主的，这涉及到下一个讨论。
可扩展性

扩展性是骗人的东西。所谓扩张实际上是在已有的基础上发展新事物。但我认为它还必须具备先决条件，即保持可读性和可维护性。

维护的简单的追求是自我挫败的，原因很简单，当新的代码分离将充分扩展的最高，因为不必担心在前一部分的影响，新的风格可以自由发挥。这是惊人的，我们这样写的代码是我们在它的面前问代码。所以你的回答自己，我没有想到的可读性和可维护性，而只是想添加新的风格很快，所以这是写。

什么是好的可扩展性，也就是说，它是一个多功能的产品，例如，一个盒子，也许它的风格是
可重用性

似乎我一直在说，是重复的，我们将谈论如何重用，重用CSS代码是一个大问题，如颗粒大小，有一个或两个属性或重用一大组选择器重用它，如对象，为了重用类的属性，或可重用类的HTML。这些选择都不太重要，但影响是非常重要的，这可以说是整个CSS结构的变化。接下来，我们继续使用盒子的影子讨论重用。

CSS代码将内容复制到剪贴板。
{阴影。
Webkit框阴影：6px 4px 4px # a93334；
-moz盒阴影：6px 4px 4px # a93334；
盒子的影子：6px 4px 4px # a93334；
左边界：2px固体# a93334 9；
底部边框：2px固体# a93334 9；
}

看来我有一个影子类，它可以向任何目标添加阴影，但这会导致多路复用的问题。像顶部的CSS样式一样，如果条目有2个其他边框，类不能被移除，所以重用不仅要考虑需求，还要考虑不需要的东西。还需要考虑其他必要的属性，如显示和溢出，由于用户代理的原因，许多属性隐藏在元素中。