无论是已经工作的全栈工程师，还是正在努力奋斗的程序小白，一般都是从HTML+css的简单开发开始的。最近我的新班级同学在学习CSS。在检查大家的代码时，突然想起了工作中重构项目的场景。当我看到一串css样式，而且最重要的是没有按照正规规范写的时候，我有一种吃山竹皮的苦涩无力的感觉。..
然后我给你介绍几个步骤，保证你写的代码美观实用！
1.公共内容处理
写代码的时候，尤其是写在线项目的时候，不能每一页都写重复的代码。这样冗余的代码影响了网站的体验和运行速度。那么我们完全可以用一个独立的css样式表，把相同样式的页眉区和页脚区连接起来。这样就不需要每个页面都写一样的代码，后期维护特别方便。
2.注意代码格式，规范缩进。
对于新手来说，规范的代码编写格式有利于自己对代码的掌控，减少错误的发生。
不规则模式代码:
规则模式代码:
大家看，这是按照规范写的HTML代码。看起来清爽利落吗？这种写作方式很重要，不仅仅是在写的时候，能很快看到自己想要的东西。公司一起工作，别人看到你的代码加数据接口就方便调用样式，有利于以后的维护。特别是还能给大家留下非常好的印象，让你从工程师的梦想中迈出非常实际的一步。
3.样式表的合理使用
在我们对css的研究中，有三种方式介绍它。内联样式表、内部样式表和外部样式表。然后要知道每个样式表的优缺点，以及使用的频率。
1)内嵌样式表
优点:书写方便，重量大。
缺点:没有实现风格和结构的分离，控制范围小。
使用频率:较少。
2)内部样式表
优点:特定的页面写出特定的风格。
缺点:没有实现风格和结构的完全分离。
使用频率:中等。
3)外联样式表
优点:样式和结构分离，便于维护和重写。
缺点:需要引进。
使用频率:极高。
所以我给你总结以下几点:
1)尽量不要使用内嵌样式表。
2)尽量不要用id选择器为标签写样式，权重值大。
3)尽量不要用！重要的
最后，希望你能关注细节，处理好自己的代码，离自己的工程师梦想越来越近。也可以在下面留言。如果大家有什么问题，我会尽力整理出来，尽快把大家关心的问题发出去。
