需要解释一下，这篇文章不是讲核心技术的，我也只是刚刚接触，在这里只是跟大家一起认识一下HTML、CSS、JavaScript

  牛腩新闻发布系统都快敲完了，系统中牛老师也对HTML、CSS、JavaScript做了简单介绍，而且整个系统的前台都在使用HTML和CSS。根据牛老师的介绍也只能对HTML、CSS、JavaScript有个一知半解，但是敲代码的过程中对于HTML与CSS的交互原理一直不理解。通过查资料才慢慢解开了这三位大侠的庐山真面目。

  最近下载了一个懒人听书软件，每天晚上睡觉前总要听一两集三国演义。书中讲到刘关张三人桃园结义，就联想到了HTML、CSS、JavaScript三种技术。

  首先对HTML、CSS、JavaScript分别简单介绍一下：

  HTML（Hyper Text Markup Language）译为“超级文本标记语言”，是Internet上用于设计网页的主要语言。网页中动画、多媒体、图形等各种复杂的元素，基础框架都是HTML。用它就可以设计出一个标准的网页。

  CSS（Cascading Style Sheets）译为“层叠样式表”，简称样式表，是一种制作网页的新技术，顾名思义就是设计网页样式的。“样式”就是网页的文字。颜色。图片位置等格式；“层叠”的意思是当HTML中引用了多个样式时，当样式文件中的样式发生冲突时，浏览器将依据层叠顺序处理。

  JavaScript在一定程度上弥补了HTML和CSS的缺陷，HTML和CSS的配合使用，提供给用户的只是一种静态的信息，缺少交互性。JavaScrip的出现使得用户与信息之间不只是一种浏览与显示的关系，而是实现了一种实时、动态、交互的页面功能。静态的HTML页面也逐渐被客户端可做出响应的动态页面所取代。

  这三者之间各有所长，互相弥补，互相合作才能设计出完美的网页。

  HTML就相当于桃园三兄弟中的大哥，别看功夫不如两位兄弟，但作为最基础的框架，没有它就设计不出我们需要的网页。同样的关羽、张飞再厉害，没有刘备带头领导，也不可能成就日后的蜀国。

  再如果把网页设计的过程比作一个做纸盒模型的过程，HTML的工作就是选定纸片的尺寸，进行最基础的排版；CSS就需要把这些纸片做成不同样式的盒子；如果再需要完善，就需要用到JavaScript给这些盒子赋予新的功能，比如做成变形金刚等等，可以由用户自己操作改变形状。

  无论是制作简单的盒子，还是一起打拼天下，这三者之间都是相辅相成，不能说缺一不可，但求尽美就需要三者紧密配合，发挥各自的优点。

桃园三结义之HTML、CSS、JavaScript