html里的class属性什么意思

html-css04

html里的class属性什么意思,第1张

就是类的意思，在html中有ID类和CLASS类。其实就是定义引用的型号。而其中ID类是用#来识别，如#a，当你在制作网页时，可用ID=a来应用你之前定义的#a.而CLASS类则是用.a，当你在制作网页时，可用class=a来应用你之前定义的.a。而ID类和CLASS类的区别就是，ID在一个网页中只能被引用一次，而CLASS类可以被多次引用。

而这个引用是什么意思呢？其实就是建立一个仓库，里面存放着很多的样式，比如文字颜色，大小等。你在外面要建设网站了，你想把文字设置成红色。但是仓库里有一堆的样式如#a

{color:red(字体颜色为红色)font-size:14px(字体大小为14PX)}，如何知道你引用哪一个呢，所以就给每个样式定义了一个编号也就是#a或.a中的a就是编号。然后在引用时就可以用ID=a

或CLASS=a来引用。

打了好多字。。楼主良心的话怎么也给点分吧

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

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

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

class 属性定义了元素的类名。

class 属性通常用于指向样式表的类。但是，它也可以用于 JavaScript 中（通过 HTML DOM）, 来修改 HTML 元素的类名。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoob.com)</title>

<style>

h1.intro {color:blue}

p.important {color:green}

</style>

</head>

<body>

<h1 class="intro">标题 1</h1>

<p>段落。</p>

<p class="important">注意：这是一个很重要的段落。 :)</p>

</body>

</html>