Moh*_*mad 9 css coding-style code-organization
可能重复:
如何管理CSS爆炸
我找到的最困难的事情之一是保持我的样式表有条理.我通常从编写一个小的重置部分开始.然后我编写布局块,并在编写HTML块时继续逐步添加样式.
但是,在前两步之后,一切都变得一团糟.基于我的异想天开的HTML编码,样式会被添加,删除,遗忘,这经常被更改.我找不到一种合理的方法来分离和分类我的CSS.
我发现自己为默认样式,导航和布局创建了单独的工作表.
在我编写了页脚的CSS后,我无法弄清楚它是否应该进入默认样式表,导航样式或布局文件.它的容器当然是布局的一部分,它的导航菜单是部分导航,但它的样式应该进入基本样式表.我发现自己正在考虑相应地分离CSS,但这不可能是正确的.
我找不到合理的方法将我的想法组织成有序的分类.
有人可以给我任何见解吗？
让我们从一个想要对网站布局进行一些更改的新程序员的角度来解决这个问题。
我不确定使用框架是否会让事情变得更好、更抽象、更容易学习。
我认为您的组织走在正确的轨道上。
我通常创建一个default.css文件，其中包含默认字体、颜色、链接样式等的标记。在这个文件中，我将网站视为一大块带有嵌入图片的漂亮格式文本。这里没有<div>标签样式。通常这意味着内容的大量格式都在其中。但不是新闻页面上的那个特殊按钮，而是一个news.css单独的按钮。
通常网站可以分为几个部分。页眉、页脚、侧边栏、首页、新闻页、议程等。例如，如果页脚需要为红色，那么很高兴看到文件footer.css确实包含背景颜色。
如果页脚中的链接样式与侧边栏中的链接样式相同，请将样式声明放在两个文件中。如果页脚中的链接样式与正文文本相同，则将其放置在default.css. 尝试确保它是您作为新开发人员首先看到的。