1、定义不同
（1）HTML（结构）：全称Hyper Text Markup Language（超文本标记语言），该语言是用于定义文档内容结构。
（2）CSS（布局）：全称Cascading Style Sheets （层叠样式表）。
2、性质不同
HTML是网页的结构，CSS是网页的样式。例如如果把整个网页比喻成一个人，那么HTML就是骨头，CSS就是衣服。
2、功能不同
HTML功能：
（1）该语言写的代码通常会被浏览器解析执行.
（2）超文本：不止包括文本，还有图片、链接、音乐。
（3）一个页面就是一篇文档，而一篇文档最核心的就是内容，不同含义。
CSS功能：
（1）用于定义HTML文档的样式（外观）。
（2）页面表现的基础，可以控制布局，控制元素的渲染。
4、格式不同
（1）HTML注释格式：<!--注释内容-->
（2）CSS注释格式：/*注释内容*/
参考资料来源：百度百科—HTML
参考资料来源：百度百科—CSS
CSS和CSS3都是样式，CSS3是在CSS上新增了样式属性。
CSS3新增特性
CSS3圆角边框：border-radius（解决了原有圆角边框需要截图的问题）
CSS3文本阴影与盒阴影：text-shadow、box-shadow（可以用于实现标签边框或阴影）
CSS3背景尺寸、背景切割和背景原点：background-clip background-origin background-size（移动端用于处理背景图适配问题）
CSS3变形 transform（二维变形以及三维特效）
CSS3动画 animation（实现复杂动画）
CSS3过渡 transition（实现简单动画）
CSS3 Media Query媒体查询（主要用于实现响应式布局）
