HTML前面已经介绍，所以CSS和JavaScript就是我们今天的主要内容。
CSS全称是级联样式表（Cascading Style Sheets）。解决内容与表现分离的问题
样式解决了一个普遍的问题
HTML 标签原本被设计为用于定义文档内容。通过使用 <h1>、<p>、<table> 这样的标签，HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。
由于两种主要的浏览器（Netscape 和 Internet Explorer）不断地将新的 HTML 标签和属性（比如字体标签和颜色属性）添加到 HTML 规范中，创建文档内容清晰地独立于文档表现层的站点变得越来越困难。
为了解决这个问题，万维网联盟（W3C），这个非营利的标准化联盟，肩负起了 HTML 标准化的使命，并在 HTML 4.0 之外创造出样式（Style）。所有的主流浏览器均支持层叠样式表。
层叠次序
当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？
一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。
浏览器缺省设置
外部样式表
内部样式表（位于 <head> 标签内部）
内联样式（在 HTML 元素内部）
因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：<head> 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。
另外一个关于CSS的重要内容就是它的盒模型。可以参考：http://www.chinaz.com/design/2010/1229/151993.shtml
JavaScript是浏览器支持的脚本语言的一种，其他还有VBScript。也是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言，是一种动态、弱类型、基于原型的语言，内置支持类。一个完整的 JavaScript 实现是由以下 3 个不同部分组成的：核心（ECMAScript）、文档对象模型（Document Object Model，简称DOM）、浏览器对象模型（Browser Object Model，简称BOM）。因此，它可以操作DOM和BOM，提供人性化的交互页面功能。
JavaScript可以放置在html中的<head>、<body>标签之中，执行顺序，放到浏览器一节中去介绍。
单纯的HTML要想变得美观除非都是图片呈现，否则很难达到很好的效果，但是有CSS就可以创造出很多让人惊艳的特效！而JavaScript则使得交互更加人性化，极大的丰富了网页的呈现形式，具体的学习请参考《JavaScript权威指南》、《JavaScript语言精粹》、《CSS权威指南》、《CSS禅意花园》等
CSS和JavaScript基本每个内容都可以写很厚很厚的一本书，但是，值得注意的是，浏览器的兼容性问题，而导致这一问题出现的主要原因是，浏览器对W3C标准的支持度不一致！
关于兼容性的问题，基本的解决方法通常是查阅资料，最好使用各个浏览器都支持的CSS标准和JavaScript标准，或者采用比较流行的一些框架，框架的介绍可以问下度娘，基本都可以问出很多很多，所以此处不再详述。
最后的问题就是关于网页特效的问题，不过这个问题主要归功于设计师，是由于他们的设计才使得交互的人性化，学习研究HTML、CSS和JavaScript仅仅是为了以简便高效的方式去实现设计师的需求，设计的问题，我也不是很懂，因此还是去问度娘吧，很多以此为主题的网站、论坛等资料。
来源：oschina
链接：https://my.oschina.net/u/567145/blog/291801