CSS规则级联应用CSS必须注意几点

理论基础是必要的。实践是改进和理解理论的途径。二者同等重要。任何设计师或开发人员都会离开双方的平衡,无论他们喜欢哪一方,都将是左或右,但这种方法在实际应用中有什么用途,显然,它不能为我们创造圆角矩形,也不能为我们创造布局。它不太可能给我们一个固定在文档头上的导航条,这个算法的实际应用是:CSS编程规范很好,这是一个宏观的实践,和我刚才提到的微观实践一样重要,但是更难掌握。

本文不想包含所有好的CSS编程规范,也不可能。我能提供的是我个人CSS规范的摘要。我认为这些规范尽可能接近CSS的操作本质。

不要使用内联CSS
用户风格不在您的控制范围之内。
不要使用重要的规则
根据特殊性从低到高书写CSS
前三个不是我说的重点,我会接受的。

内联CSS的特殊性是最高的。如果CSS文件中的属性与内联CSS冲突,那么CSS文件中的属性是无效的,这与我们在CSS文件中使用调试的习惯不一致。内联CSS也很难看,它将样式插入到HTML文档中,所以你应该放弃使用内联CSS。

如果用户将用户风格设置为重要的,不管如何编写CSS规则,它总是不能覆盖用户的重要语句,因此试图覆盖所有用户风格是没有用的。

最重要的规则是不同的,它不符合我们平常的思维方式,不管我们如何增加CSS规则和秩序的重要规则的特殊性,将覆盖其规则、习惯,也可以破坏的CSS规则,调试麻烦。如果你想使用的重要规则黑客浏览器,你应该适用该规则在一个选择器指向的唯一要素。(注:黑客应该解决的最后的考虑因素之一,因为它太难看了。)

最后,根据CSS的特殊性,如何将CSS从低到高编写呢

关键是模块化CSS。

添加全局CSS
添加当前页面统一CSS
把页面分成几个模块
每个模块都使用id钩子,在同一个模块上使用类钩子。
为每个模块添加一个统一的CSS
将每个模块分成几个子模块,然后返回到第四个步骤并启动循环,直到添加样式为止。
写一个好的CSS是一个设计问题,而不是一个执行的问题。我们应该先写一个非常低的特定的全球内容,这是我们共同的reset.css.it是我们整个网站的所有页面的默认样式。

如果任何页面都有一个独特的统一样式,比如页面的背景与其他页面不同,那么我们可以向页面添加ID,然后在ID下编译当前页面的统一CSS。

身体#特殊{
背景颜色:黑色;
}
写作的风格统一是好的,我们将页面分为几个模块,如果这些模块是基本相同的风格,然后使用类挂钩,如果风格是不一样的,然后用身份证挂钩,在每个模块应该遵循这一原则,因为班级的特殊性不高,所以如果不是明显相似的你不应该使用类模块,ID的名称通常是作为一个模块,如头部、底部等on.id选择器是堆叠的关键作用,因为ID是唯一的,具有很高的特异性,从而防止CSS规则被覆盖的意外。

模块中可能有统一的CSS,因此需要在当前模块下使用ID选择器来编写统一样式。

#头P {
颜色:红色;
}
当添加类钩,我推荐使用父模块的ID(或页面本身)作为类名称的第一部分。如果我添加一个独立页面(身体#特殊),之后我将模块插入到页面的页面名称,我应该special_head模块,special_bottom等等。

在一些网页模块使用类挂钩时,你应该使用head_col等等。这样做的好处是,我们不需要使用它

#头。Col {
每个列样式*
}
它可以直接使用。

head_col {。
每个列样式*
}
所以你不必担心命名冲突。

对于直接添加到模块下id选择器中的元素,我们可以直接使用选择器,并在其名称之前添加父模块的ID。

# head_navigator {
位于头部的样式导航栏
}
对于模块化的CSS,我们应该防止跨模块CSS出现。我认为一个好的规则是:如果一种风格的跨模块的功能,你不清楚,那就不要用跨模块的CSS。唯一的例外是在模块的全局CSS或统一的CSS,和那些不明确,没有统一的风格,建议每个模块分别定义的。这样做的目的是在同一个java编写的面向对象的程序,我们要降低模块之间的相互依赖性,同一模块的CSS规则,稍有不同的是完全独立的,所以不仅易于维护,而且保证的特殊性从低到高的写CSS,从而防止CSS规则意外保障