html中class什么意思?html的class属性用法介绍(附实例)


本文摘自PHP中文网,作者寻∝梦,侵删。

本篇文章主要的介绍了关于html 中的class的含义和html中的class的用法实例解析。左后还有html class的作用解释。接下来就让我们一起来看这篇文章吧

首先我们先介绍html中的class的含义:

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

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

html中的class=是一个选择器,可以理解为一个标识,用来标识特定的标签。

比如:<divclass="div1"></div>这就是一个标识效果,以后你想要改变这个div的样式的话就可以找class为div1的元素了。

另外一般的flash文件是不可视的,它只是调用了而已。当你想单独观看或者直接下载这个flash文件的话,就可以把这个flash的名称按照路径拷贝到浏览器里就可以直接看了。

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

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

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

html中class属性的属性值:

classname : 规定元素的类的名称。如需为一个元素规定多个类,用空格分隔类名。

现在我们来看看html中的class属性的用法:

这有个关于html中的class属性的实例:在 HTML 文档中使用 class 属性:

1

2

3

4

5

6

7

8

9

10

11

12

13

<html>

<head>

<style type="text/css">

h1.intro {color:blue;}

p.important {color:green;}

</style>

</head>

<body>

<h1 class="intro">PHP中文网</h1>

<p>一个编程网站</p>

<p class="important">这里是PHP中文网</p>

</body>

</html>

效果如下图:

tuyi.png

阅读剩余部分

相关阅读 >>

html下拉框怎么做

如何实现html不显示下拉列表的箭头

html5实现移动端下拉刷新(原理和代码)

html的输入框需要怎么优化

html怎么设置表格高度

table标签的cellspacing属性有什么用?一篇文章让你了解cellspacing属性

html中head头结构应该如何使用

html5编程需要什么软件?

html网址跳转代码是什么

html中的name属性的有哪些作用?默认的name属性又是什么?

更多相关阅读请进入《Class》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...