提到HTML和CSS，在很多开发人员看来，它们并不是什么高深的内容，甚至是一些刚刚接触前端的人，也有相同的看法，它们真的如此简单吗？尽管很多人眼中，它们很简单，但是工作中很多人对于使用HTML和CSS经常无从下手，这是一个有趣的现象，一个大多数人看来简单的内容，却在应用方面让人无从着手，我认为这是一个值得思考的问题。

1. 学些什么东西

从内容上来说，HTML和CSS并不是多么的复杂，其中HTML主要是一些标签和属性，CSS则是一些选择器和样式，两者加在一起，常用的内容超不过二百，相比于其他编程语言来说，它们可以说太简单了，要学会这些内容，估计两天足够了，但真的如此吗？大多人看来就是这样的，除了标签、属性、选择器、样式，难道还需要其他内容吗？事实如果真的如此，为什么我们后来在开发的时候会无从下手呢？我想，HTML和CSS的学习应该不止包括这些内容。

1.1 默认样式

我们知道，在HTML中针对一些标签，浏览器会添加一些默认的效果，比如标题标签字号会增大，字体会加粗，链接标签会呈现为蓝色，锚文字下方还会有下划线……为什么要提到这些效果呢？因为很多这些默认的装饰效果并不是我们需要的，而且不同浏览器里默认的样式可能不同，在浏览器中针对这些样式需要进行重置，如果不熟悉这些内容，那么如何确定需要重置哪些元素呢？

1.3 规范和习惯

我一直认为，代码是否规范和开发人员的习惯有很大关系，而开发人员的编码习惯是从学习到工作中不断逐步累积形成的，也就是说在最初学习阶段的时候就接触一些编码规范并不是一件坏事，不然在之后的编码中会出现很多不和谐的内容，比如HTML的标签没有严格的约束大小写、自闭合标签的结尾是否加了斜杠等等，尽管这些内容对于最终的效果不会产生多大的影响，但是代码的维护、阅读性、SEO优化等方面会带来极大的好处。

1.4 常用技巧

提到技巧，很多时候，我们认为这是需要通过不断练习去累积的，但是很遗憾，对于开发工作来说，一些通用的技巧如果不熟悉那么就无法开展工作。比如我们希望网页头部的LOGO文字居中显示，这里的居中说得是水平和垂直双重方向的居中，这是一个常见的操作，但很多人在学完HTML和CSS之后并没有办法实现这种功能，这些是否也是在学习阶段需要了解的内容呢？我认为是的，而且必须尽可能多的了解这些东西。

……

2. 开发和维护的麻烦

如果在工作中，必须让我完成前端的开发工作，那么我最关心的问题是之前是否有其他人参与过编码，之所以关注这个问题，并不是我希望了解自己接下来要完成多少任务，而是多大时候，接手别人的代码是一件痛苦的事情，特别是前端的代码，HTML和CSS尤为突出。

曾经，我参与一个商城系统的开发，项目已经进行到后期，在我看来，这是一个即将完工的项目，对于这个阶段的项目来说，大多数功能会存在相似模块，可以通过复制粘贴来完成，但打开HTML和CSS的时候，我傻眼了，接下来的工作很是痛苦，这里不妨和大家列举我发现的一些问题。

首先，在HTML中嵌套了大量的<div>标签，很多地方换行也不是很清楚，我无法从这些代码中看出整个网页的结构，经常有些模块看起来很相似，但是复制之后在效果上出现了很大的差异，最糟糕的是，在网页中使用了多种绑定JS脚本的方法，有些地方明显使用的是标签的属性，有些地方又使用的是JS脚本，甚至有些地方同时使用了这些方法，为了修改一个功能常常需要修改很多地方，十分的头疼。

和HTML相比，CSS代码更加糟糕，因为在样式文件中，每个样式的声明没有任何的顺序可言，在排列上也没有什么规律，有些样式代码甚至已经不使用了，最糟糕的是有些样式的声明对于网页中其他元素产生了影响，这对于一个新手来说，修改这样一份样式文件恐怕是不可能的。

不知道，多少人和我遇到过类似的情况，又是什么感觉呢？如果介绍到这里，您依旧认为HTML和CSS是一门简单的课程，就太不应该了，它有很多内容需要我们去学习，而且这些内容很琐碎，没有什么相关性，所以如果您打算学习它们的话，请一定不要轻视它们，特别是要注意养成良好的编码习惯。

感谢您关注和阅读我的文章，在这里特别提醒您，我会优先在自己的博客中发表相关内容，如果您对软件开发或者程序员相关的话题感兴趣的话，可以访问我的博客 肥仔编程，另外，如果您想要转载的话，也请在文章中声明，感谢支持！