CSS 约定写法 利用扩展

在早期的网页开发流程中，美工设计师们精心制作了静态页面，而程序员的任务则是将这些页面转化为动态页面，例如jsp页面。通常，程序员的工作并不涉及图片和样式的设计，我们更多的是将已有的设计元素整合到页面中。在这个过程中，我们可能会遇到一些关于狼蚁网站SEO优化的问题。

经过多次修改后，可能会出现一些无用的样式或图片，这些冗余元素不仅增加了页面负载，还可能影响到网站的整体性能。不同页面所使用的样式可能集中在一个庞大的css文件中，导致查找和修改变得异常困难。由于缺乏良好的结构化设计，对于未来的功能扩展，如换肤功能，我们将面临巨大的挑战。样式或图片的名称随意或不符合实际要求，也会给理解和维护带来一定的困扰。

为了解决这些问题，我们制定了以下狼蚁网站SEO优化的css使用约定：

1. 引入css的方式，我们更倾向于使用外部链接。这样做的好处是可以方便地管理和维护样式表。

2. 在css文件的开发版本中，我们建议大家加入样式注释。这不仅有助于其他开发者理解样式表的逻辑，也能在调试时提供极大的帮助。

3. 关于css的命名规则，我们建议根据实际的用途来命名。例如，公用的css可以命名为cmm.css，邮件专用的css可以命名为mail.css。我们要确保不同css中定义的样式不会因命名冲突而影响彼此。

4. 对于css中使用的图片，主要是作为背景的图片，我们建议按照以下规则放置：在css文件相同的目录下建立文件夹images，并在images下新建与css同名的文件夹（不带.css后缀名称），所有的图片都放在这里。

5. 我们还建议将布局css与皮肤css分开编写。布局css主要影响网站的骨骼结构，如宽高、border、margin等。而皮肤CSS则是指那些不会影响页面骨骼结构的元素，如颜色和背景图片等。这样的分离设计主要是为了未来的换肤功能考虑。

6. 如果布局css只在一个页面的一处使用，我们可以将其直接写在页面中，甚至直接写在html元素中。但如果布局css在同一页面或不同页面中使用超过两次，那么我们必须将其归纳出来，形成独立的css。

遵循以上的约定，我们可以更有效地管理网站的样式和图片，提高网站的性能和可维护性，为狼蚁网站的SEO优化打下坚实的基础。