class在HTML里面有什么作用
完全搞不懂class存在的意义，求高手解答一下，谢谢了 展开
1、class是选择调用CSS样式的属性，可以复用，也就是说一个class的属性的样式可以用在多个标签上面，也可以同时使用多个class。具体的用法用一个示例演示，首先需要打开html编辑器新建一个html文件，在里面写入3个按钮：
2、下面分别给按钮1和按钮2设置class属性为btn1，按钮3的class设置为btn1和btn2，然后在style标签中设置样式，btn1设置一个背景色，btn2设置边框和边框的圆角：
3、最后打开浏览器，可以看到前两个按钮的颜色是一样的，最后一个按钮的颜色不光一样，还有边框和圆角。这就是class属性在html里面的用法：
class用于在纯静态的网页中来控制字体颜色，常用的静态页面有HTM、HTML，在这些页面中添加class可以起到控制全局文字颜色统一的作用。
用法如下：
比如把整个静态页面的文章变成蓝色，那么在超链接中添加这个标签：class="t12lan，比如网页中有一个超级链接，在超级链接的名称前面加上class="t12lan"，。那么这两个字的颜色换成蓝色的。
例：
在HTML文档中使用class属性：
<html>
<head>
<style type="text/css">
h1.intro{color:blue;}
p.important{color:green;}
</style>
</head>
<body>
<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">Note that this is an important paragraph.</p>
</body>
</html>
定义和用法
class属性规定元素的类名（classname）。
class属性大多数时候用于指向样式表中的类（class）。不过，也可以利用它通过JavaScript来改变带有指定class的HTML元素。
提示和注释
注释：class属性不能在以下HTML元素中使用：base,head,html,meta,param,script,style以及title。
提示：可以给HTML元素赋予多个class，例如：<span class="left_menu important">。这么做可以把若干个CSS类合并到一个HTML元素。
提示：类名不能以数字开头！只有Internet Explorer支持这种做法。
扩展资料：
class属性的值对应的就是你定义的css的名字，它和class的属性值相对应。
例如：<td class="t1"></td>
<style type="text/css">
.t1{
font-size:12px;//字体大小
line-height:22px;//文本行高
color:#000000;//文本颜色
margin:6px;//边界
padding:6px;//填充（文本与边界的距离）
border-bottom-width:1px;//底部边框宽度
border-bottom-style:solid;//底部边框样式为实线
border-bottom-color:#CCCCCC;//底部边框颜色
}
</style>
class属性一般都是ID，这个ID都是调用前边的属性标签用的，只要找到相对应的标签代码就可以了，一般标准形式是class=“id号”
比如这个在调用的时候就会写代码：<td class="t1"></td>
参考资料：
为CSS做准备的，定义一块class name，然后在CSS里改写这块Class的属性。
<html>
<head>
<style type="text/css">
h1.intro {color:blue;}
p.important {color:green;}
</style>
</head>
<body>
<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">Note that this is an important paragraph.</p>
</body>
</html>
class 属性大多数时候用于指向样式表中的类（class）
id属性在整个页面与CSS样式表中一定要是唯一的,在整个网站中最好也是唯一的.
如果你网页中某各部分样式不需要改动，可以用id选择器，如果某个样式需要经常改动，比如，字体颜色，可以用class选择器。而且class选择器可以重复用于页面中相同的样式，而id选择器不能以相同名字重复使用。
