HTML5中的Class属性语法

<element class="classname">

浏览器支持

所有主要浏览器都支持类属性。

Class属性

Class属性用于应用内容中的文本的通用字体,样式,样式。
它用于样式目的。

类属性指定元素的一个或者多个类名。

类属性主要用于指向样式表中的类。
但是,它也可以由JavaScript(通过HTML DOM)使用,以更改具有指定类HTML元素。

注意:

  • 如果它与以下HTML标签一起使用,则不会产生效果,如Base,Head,HTML,Meta,Param,脚本,样式和标题。
  • 它减少了用户完成的重复性工作。
  • 可以在HTML文档中应用多个类。
  • 它指定元素的类名。

HTML5 Class属性示例

<!DOCTYPE  html>

<html  lang="en"  xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta  charset="utf-8"  

<title></title>

<style  type="text/css">

.content {

font-family: Monaco, Verdana, Sans-serif;

font-size: 12px;

border: 1px  solid  blue;

color: #002166;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px;

width: 40%;

height: 10%;

padding-top: 50px;

padding-left: 10px;

}

</style>

</head>

<body>

<h1> HTML5 class属性示例</h1>

<h4>教程网</h4>

onitroad有100多种教程

</body>

</html>
HTML5中的Class属性
日期:2020-04-11 23:04:03 来源:oir作者:oir