完全两个概念
CSS:Cascading Style Sheet(层叠样式表、级联样式表)的缩写。
w3c给予的说明是：它是一种简单的对于web文档增加样式（诸如：字体、颜色、间隔等）的机制（Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. ）。标准技术文档参见W3C的文档说明。
本人认为样式表的作用就是web设计中文档设计与表现分离的需要。打个比方，整个web程序就像一个人，人有头、四肢等，这是人的基本构架，也是最基本的，没有这些，人就不能称之为人；同样web文档结构就是web程序中最基本的东东。那样式表就好像人的衣服，它是web文档的衣装，有了它，web网页才显现出千姿百态。有人要问了，那以前没有CSS说法时，web页面设计也是各式各样的啊。不错，但是注意那时文档结构和表现形式是没有分离的，就好比你的文身，刺在你的肉中（也许不是很恰当，人穿上衣服可以遮住的），没法和你分开了。文档结构和表现混和就不利于web程序的继承、再开发，因为每一次web重新设计就是一次新的项目开发了。所以我们要选择web文档结构和表现形式的分离，所以我们选择了CSS（当然，CSS主要是针对web程序的；还有XSL是针对所有的文档结构类型之间的相互转换，也更为通用了，XSL也可以用于web设计）。
什么是css？
css ：叠层样式表（Cascading Style Sheets），是能够真正做到网页表现与内容分离的一种样式设计语言。通俗的讲，可以把网页内容以更好的方式呈现在用户面前。
如何定义css？
定义css分三类：
标签元素
body,ul,li等，直接定义 ，格式：标签名{属性：样式}body{font-size:12px}
类定义 在前面都是要加点
.top{margin-top:20px}
id定义，id定义是样式里做高的，一般不建议用。id定义用#
#footer{ margin-top:20px}
在html里如何使用css？
使用方式可以分三种：
外联式Linking（外部样式）：将网页链接到外部样式表。
表现形式为：
<html><head>
<!----头部部分----->
<link href="baidustyle.css" rel="stylesheet" type="text/css">
</head>
<body>
<!----内容部分----->
</body>
</html>
嵌入式Embedding（内页样式）：在网页上创建嵌入的样式表。
表现形式为：
<body><div class="btn">
<p>这是一段话</p>
</div>
</body>
<style>
body {margin:0 padding:0}
.btn {border:1px #ccc solid width:500px height:300pxbackground:#fbfbfb}
.btn p {font-size:21px}
</style>
内联式Inline（行内样式）：应用内嵌样式到各个网页元素。
表现形式为：
<body><div class="btn">
<p style="font-size:21px">这是一段话</p>
</div>
</body>
