一、css是Cascading Style Sheets 的缩写,即层叠式样式表单，它是由W3C协会制定并发布的一个网页排版式标准,是对HTML语言功能的补充。
二、HTML和CSS的区别?
1、定义不同：
html是HyperTextMark-upLanguage的缩写，即超文本标记语言；
css是Cascading Style Sheets 的缩写,即层叠式样式表单，它是由W3C协会制定并发布的一个网页排版式标准,是对HTML语言功能的补充。
2、用途不同：
html则是用于文本内容，包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
css是多用于样式，主要的用途是对网页中字体、颜色、背景、图像及其他各种元素的控制,使网页能够完全按照设计者的要求来显示。
3、CSS语法与HTML语法完全不同：
HTML里代码是功能标签，如DIV、SPAN、A链接、em标签、I斜体标签、u下划线等，html代码语法范例：<div>内容</div>
CSS样式代码语法是div{样式单词：值}
三、HTML和CSS联系：
CSS与HTML相同之处在于，两个共同作用让网页实现需要的布局样式。
扩展资料：
1、标记符<html>,说明该文件是用超文本标记语言（本标签的中文全称）来描述的,它是文件的开头而</html>,则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。
2、CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。
CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。
参考资料：百度百科-HTML
百度百科-CSS
一个样式表一般由若干样式规则组成，每条样式规则都可以看作是一条CSS的基本语句。每条规则都包含一个选择器（例如：BODY，P等）和写在花括号里的声明，这些声明通常是由几组用分号分隔的属性和值组成。
有6种合法的选择器类别，即：HTML标记、具有上下文关系的HTML标记、用户定义的类、用户定义的ID、虚类、虚元素。
1.HTML标记
例如：H1{text-align:centerfont-family:楷体-gb2312}，H1,H2,H3{color:#ff0000}
2.具有上下文关系的HTML标记
例如：H1 B{color:red}，这表示只有位于标记元素内的 标记符说明的内容显示为红色，其它标记符所说明的元素不具有该属性。这种上下文关系可以多层嵌套。
3.用户定义的类要想将一个类包括到样式定义中，可将一个句点和一个类名添加到选择器后，即：选择器.类名{属性：值；……}
可以使用任何名称命名类，例如：若想在网页使用 ，并使每处文本具有不同的颜色，则可进行如下定义：H2.colo-red{color:red}H2.color-blue{color:blue}
然后在网页中需要使用CLASS属性的地方引用这些类，例如：第一章 HTML，第二章 CSS技术〈/H2〉如果使用了 标记符，但未使用CLASS属性，则不会应用所定义的样式。
特别地，还可以定义应用于所有标记符的类，此时，直接用句点后跟类名即可，例如：.red{color:red}然后在所有需要引用该类的标记符中使用CLASS属性。
4.用户定义的ID所谓ID，就是相当于HTML文档中的样式的“身份证”，以保证其在一个HTML文档中具有唯一可用的值。这给使用JAVAScript等脚本编写语言的 应用带来了方便。要将一个ID包括在样式定义中，需要“#”号作为ID名称的前缀，格式如下：#ID名字{属性:值}
定义了ID样式后，则可通过在标记符内使用ID属性来引用该样式。例如：有定义#red{color:red},则可在若干不同标记符中使用。
5.虚类和虚元素虚类也称伪类（Peeudo-class）,它可以区别开不同种类的元素。虚元素（Pseudo-element）指元素的一部分，如段落的第一个字母和首行效果（first-letter和first-line）。
虚类和虚元素只可以用在CSS的选择器中，而不能出现在HTML的源代码中，即不能用CLASS或ID来调用。它们只能在特定条件下被浏览器所识别。
伪类中最常见的就是锚伪类。锚伪类可以指定标记符以不同方式显示链接，即访问过的（visited）、未访问过的（link）、激活的（active）和鼠标指向的（hover）几种链接状态。例如可以使用下列方式更改超链接的显示方式：A:link {text-decoration:nonecolor:#800000}，A:visited {text-decoration:nonecolor:#800000}，A:active {text-decortion:none}，A:hover {text-decoration:underlinecolor:blue}
