class在HTML里面有什么作用

像这样<p>大家好</P>不就完了,为什么有些时候要<p class=“XX”>大家好</p>
完全搞不懂class存在的意义,求高手解答一下,谢谢了

1、class是选择调用CSS样式的属性,可以复用,也就是说一个class的属性的样式可以用在多个标签上面,也可以同时使用多个class。具体的用法用一个示例演示,首先需要打开html编辑器新建一个html文件,在里面写入3个按钮:

2、下面分别给按钮1和按钮2设置class属性为btn1,按钮3的class设置为btn1和btn2,然后在style标签中设置样式,btn1设置一个背景色,btn2设置边框和边框的圆角:

3、最后打开浏览器,可以看到前两个按钮的颜色是一样的,最后一个按钮的颜色不光一样,还有边框和圆角。这就是class属性在html里面的用法:

温馨提示:答案为网友推荐,仅供参考
第1个回答  2019-05-27

class用于在纯静态的网页中来控制字体颜色,常用的静态页面有HTM、HTML,在这些页面中添加class可以起到控制全局文字颜色统一的作用。

用法如下:

比如把整个静态页面的文章变成蓝色,那么在超链接中添加这个标签:class="t12lan,比如网页中有一个超级链接,在超级链接的名称前面加上class="t12lan",。那么这两个字的颜色换成蓝色的。

例:

在HTML文档中使用class属性:

&lt;html&gt;

&lt;head&gt;

&lt;style type="text/css"&gt;

h1.intro{color:blue;}

p.important{color:green;}

&lt;/style&gt;

&lt;/head&gt;

&lt;body&gt;

&lt;h1 class="intro"&gt;Header 1&lt;/h1&gt;

&lt;p&gt;A paragraph.&lt;/p&gt;

&lt;p class="important"&gt;Note that this is an important paragraph.&lt;/p&gt;

&lt;/body&gt;

&lt;/html&gt;

定义和用法

class属性规定元素的类名(classname)。

class属性大多数时候用于指向样式表中的类(class)。不过,也可以利用它通过JavaScript来改变带有指定class的HTML元素。

提示和注释

注释:class属性不能在以下HTML元素中使用:base,head,html,meta,param,script,style以及title。

提示:可以给HTML元素赋予多个class,例如:&lt;span class="left_menu important"&gt;。这么做可以把若干个CSS类合并到一个HTML元素。

提示:类名不能以数字开头!只有Internet Explorer支持这种做法。

扩展资料:

class属性的值对应的就是你定义的css的名字,它和class的属性值相对应。

例如:&lt;td class="t1"&gt;&lt;/td&gt;

&lt;style type="text/css"&gt;

.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;//底部边框颜色

}

&lt;/style&gt;

class属性一般都是ID,这个ID都是调用前边的属性标签用的,只要找到相对应的标签代码就可以了,一般标准形式是class=“id号”

比如这个在调用的时候就会写代码:&lt;td class="t1"&gt;&lt;/td&gt;

参考资料:

百度百科——CLASS(网络协议)

本回答被网友采纳
第2个回答  2013-05-07

为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>

http://www.w3school.com.cn/tags/att_standard_class.asp

本回答被网友采纳
第3个回答  2013-05-07
class 属性规定元素的类名(classname)。
class 属性大多数时候用于指向样式表中的类(class)
id属性在整个页面与CSS样式表中一定要是唯一的,在整个网站中最好也是唯一的.
如果你网页中某各部分样式不需要改动,可以用id选择器,如果某个样式需要经常改动,比如,字体颜色,可以用class选择器。而且class选择器可以重复用于页面中相同的样式,而id选择器不能以相同名字重复使用。
第4个回答  2013-05-07
通俗的讲css是定义标签例如<p></p>属性的,包括设置字体大小,背景,行间距等等,class是选择对应名字的css样式,你看到的网页都是css控制的,不然粗糙不堪的。。。
相似回答