.类名{
属性名:属性值；
}
比如，定义一个使设置字体大小为12像素，颜色为红色的类red_font:
.red_font{
font-size:12px
color:red
}
在html中，你就可以在你想要任何元素上加上这个类，如
<div class="red_font">some text</div>
<span class="red_font">some text</span>
<h3 class="red_font">some text</h3>
<button class="red_font">some text</button>
---------------------------------------------------
标签是用来定义html已经定义好的元素，如body,h1,h2,h3,ul,li等等，他的格式是：
标签名{
属性名:属性值；
}
如，我要把页面上的h1到h6的颜色全部设定为蓝色，行高设定为300％：
h1,h2,h3,h4,h5,h6{
color:blue
line-height:300%
}
这样在html当总使用这些标签的时候，标签里面的内容就将按照定义好的样式出现；
----------------------------------------------------
高级，是定义id、伪类选择器的，定义id的格式是
#id名{
属性名:属性值；
}
当html中出现用id的元素，这个id只能使用一次，因为id的作用就是方便程序找寻对象而设置的，除了只能使用一次之外，使用方法与类相似
<div id="id名"></div>
<span id="id名"></span>
伪类常用的有a:link,a:visited.a:hover,a:active，分别用来定义链接未点击时、点击后、鼠标移过、激活状态下的样式；
高级还有一个功能就是选择器，比如你定义了一个类：
.red{
color:red
font-size:14px
}
你把这个类加在两个地方
<div class="div_1">
<div class="red">some test</div>
</div>
<div class="div_2">
<div class="red">some test</div>
</div>
你有想把第二个red的字体放大到18像素，这个时候就可以用选择器来定义了
定义第一个red：
.div_1 .red{
color:red
font-size:14px
}
.div_2 .red{
color:red
font-size:18px
}
这的好处就是，你可以在一个html当中使用同样的类名来定义不同的样式
----------------------------------------------------
就这些吧，有什么问题随时欢迎提出来
您好，我给你讲一下CSS的类型吧。希望对你有用！ 一般定义CSS有四种设置方式。 1.内联样式表 2.嵌入样式表 3.外部样式表 4.输入样式表 我做一下简单的解释帮助您理解。 第一种，内联样式表。 是指 直接在任何标签里面加入样式（style）。比如B标签可以写成 <b style="color:blue">wwwww</b>优点：每个标签都可以加独立样式，灵活性高。 缺点：每个标签逐个加样式，时间耗费较大。 第二种，嵌入样式表。 是指利用<style>标签将CSS嵌入到HTML中。<style>一般写在头部（head）中。 比如控制页面<P>标签的样式, <style>p { color:bluefont-size:4cm} </style>优点：嵌入样式表能够控制整个当前页面的样式。 缺点：不能控制其他页面样式。其他页面想要同样的样式，就必须在其他页面再嵌入样式表。 第三，外部样式表。 是指将 样式 定义在一个独立的 css文本 中。然后通过link的链接方式与网页关联。 首先得创建一个后缀为.css的文档。然后直接在文档中编写样式。最后通过link方式链接到HTML中。 如：<link rel="stylesheet type="text/css href=".css的文档名称">一般做网站，建议使用外部样式表，因为外部样式表使用使文件减小，提升读取速度，便于修改，时效性强。 第四，输入样式表。是指将一个样式文件输入到另一个样式文件中，把样式层叠起来的效果。 方法：打开一个样式文件，输入 @import url(另一个样式文件地址） 这样就可以把两个样式表的效果层叠起来。 样式表的功能很强大，内容也很多。不可能用三言两语把全部内容给你讲解，请原谅。 我已经尽量把骨干重点挑出来帮助你理解。 如果你是希望学习CSS的，建议您到买本书，认真琢磨。配合网上素材，结合自己的实践。 应该很容易掌握好CSS的运用。 好了，祝您学习愉快。用到CSS的选择器比如
<div class="a1"><a href="#"></a></div>
你就可以在CSS中
.a1 a:link
{
/*这里设置*/
}
