JS代码就是JavaScript编写的脚本文件的代码。用单独文件保存，扩展名为.JS
JS即Javascript，Javascript是一种由Netscape的LiveScript发展而来的脚本语言，主要目的是为了解决服务器终端语言，比如Perl，遗留的速度问题。当时服务端需要对数据进行验证，由于网络速度相当缓慢,只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。
CSS：层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。
扩展：css与js对比图
标签和属性对照 CSS语法（不区分大小写） JavaS cript语法（区分大小写）
盒子标签和属性对照颜色和背景标签和属性对照样式标签和属性对照文字样式标签和属性对照文本标签和属性对照
首先要搞懂这2个是干什么的：
JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作等。
css是一种用来表现HTML或XML等文件样式的语言。比如，使用CSS可以更加灵活地控制具体的页面外观，从精确的布局定位到特定的字体和样式。
这2种都是用来做网页的语言，只是使用功能不一样，当然，JS现在可以用来做服务器端开发了。
-moz-, -webkit-, -o-这些都是浏览器前缀。box-shadow才是css样式。通过js获取css的box-shadow的方法：
div
{
box-shadow: 10px 10px 5px #888888
}
js方法：
document.div[0].style.box-shadow = "12px 11px 5px #888888"
常用前缀和浏览器的对应关系如下：
Firefox: -moz-
Chrome, Safari: -webkit-
Opera: -o-
IE: -ms-
css标准中各个属性也要经历从草案(WD)到推荐(REC)的过程，css3中的属性进展都不一样。浏览器厂商在标准尚未明确情况下提前支持会有风险，同时也会出现有的浏览器厂商支持的好，有的支持的不好，所以就用厂商前缀加以区分。
PPK建议如果已成为REC或接近REC的属性，厂商如果完全实现了w3c的test case，就不用加厂商前缀，像border-radius在ie9下就不用加前缀。
