首先我们先介绍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,例如:<spanclass="left_menuimportant">。这么做可以把若干个CSS类合并到一个HTML元素。
提示:类名不能以数字开头!只有InternetExplorer支持这种做法。
html中class属性的属性值:
classname:规定元素的类的名称。如需为一个元素规定多个类,用空格分隔类名。
现在我们来看看html中的class属性的用法:
这有个关于html中的class属性的实例:在HTML文档中使用class属性:
<html>
<head>
<styletype="text/css">
h1.intro{color:blue;}
p.important{color:green;}
</style>
</head>
<body>
<h1class="intro">PHP中文网</h1>
<p>一个编程网站</p>
<pclass="important">这里是PHP中文网</p>
</body>
</html>
效果如下图:
tuyi.png
我们能看到这图片把字都变了,就一个p标签的文字还没效果,因为还没设置效果。
class和id一样是个选择器而已,通过定义样式后,被html的标签所调用来实现页面的排版、布局和样式。
这还有个关于HTMLclass的例子:
<style>
#nav{float:left;}
/*id调用*/
.text{font-size:30px;}
.text2{font-size:10px;}
/*class调用*/
</style>
<body>
<divid="nav">
<pclass="text">第一行文字PHP中文网</p>
<pclass="text2">PHP中文网第二个文字</p>
</div>
<body>
这个效果很明显,如下图:
tuer.png
一个字体30像素,一个只有十像素,是不是很明显。这也就是class选择器的定义样式的排版而已。
html中class的作用解释:
class一般是用于统一样式设置,比如说啊一个ul里面的所有li,他的的字体,背景颜色啊等等,你可以把所有li的class名字取成一样,因为在html中classname这两个名字都可以重复,接着上面说,你统一样式之后,比如说有几个li的样式不一样,这个时候你给几个不一样样式的li取个id,然后通过id控制他的属性
好了,以上就是本篇关于HTMLclass的解释,和HTMLclass的用法实例还有作用解释,有问题可以在下方提问。


本文转载自中文网


本文转载自中文网
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html5/h54753.shtml