代码
中:
#id_selector的意思是如果"id"等于id_selector时，这个标签的样式遵循
#id_selector后面的
括号
内的css样式，即“ID选择器”(本例为:
边框
为2
像素
的
黑色
实线)。
.class_selector的意思是如果"class"等于class_selector时，这个标签的样式遵循.class_selector后面括号内的
css样式
，即"类选择器"(本例为:
背景色
为绿色)。
下面代码中的第三个
文本
输入框
，既有ID选择器又
有类
选择器，所有他有以上两种样式。
复制下面代码到你的<body>标签内，你就可以看到现象
<style
type="text/css">
/*Css
Code*/
#id_selector{
border:
2px
solid
#000000}
.class_selector{
background-color:
green}
</style>
<!--HTML
code-->
<input
id="id_selector"
type="text"
value="这是ID选择器"><br/>
<input
class="class_selector"
type="text"
value="这是类选择器">
<input
id="id_selector"
class="class_selector"
type="text"
value="两个样式都用了">
<style>标签用于为 HTML 文档定义样式信息。在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。
type 属性是必需的，定义 style 元素的内容。唯一可能的值是 "text/css"。意思是这里面的文本内容(text)要当层叠样式表 (css)来解析，不能当作其它的来解析。
由于唯一值type是"text/css" 所以一般不写也是可以使用的，但是一般的代码规范性是要要求要写的。就看你遵守不遵守代码规范性了，你写不写都是没有影响的。
CSS即层叠样式表（Cascading Style Sheets），是一种用来表现HTML或XML等文件样式的计算机语言。
CSS样式主要包含以下三种类型：
1、行内样式（内嵌样式）：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属性当中。
例：<标记 style="样式的属性名1：样式的属性值1；属性名2：属性值2；......"></标记>
2、内部样式（内联样式）：写在HTML页面内部，存放于head标记当中，样式写在style标记内。
例：<style>选择器 {属性名：属性值；属性名：属性值；......}</style>
3、外部样式（外联样式）：写在css文件内。
例：<link type="text/css" rel="stylesheet" href="css/main.css" />
扩展资料：
使用CSS样式的优点：
CSS有助于实现负责任的Web设计。CSS对开发者构建Web站点的影响很大，并且这种影响可能是无止境的。将网页的大部分甚至是全部的表示信息从HTML或XML文件中移出，并将它们保留在一个样式表中有诸多优点，如降低文件大小、节省网络带宽以及易于维护等。
此外，站点的表现信息和核心内容相分离，使得站点的设计人员能够在短暂的时间内对整个网站进行各种各样的修改。
CSS简化了网页的格式代码，外部的样式表还会被浏览器保存在缓存里，加快了下载显示的速度，也减少了需要上传的代码数量（因为重复设置的格式将被只保存一次）。
只要修改保存着网站格式的CSS样式表文件就可以改变整个站点的风格特色，在修改页面数量庞大的站点时，显得格外有用。这就避免了一个个网页的修改，大大减少了工作量。
参考资料来源：百度百科-CSS
