现在的位置: 网页制作教程HTML教程 >正文
网页基础教程

HTML的CSS样式-HTML教程第十五讲

发表于2016/12/6 HTML教程 0条评论 ⁄ 热度 2,012℃

要想在HTML中应用css样式,我们就需要设置HTML类了。

HTML 进行分类(设置类),使我们能够为元素的类定义 CSS 样式。

为相同的类设置相同的样式,或者为不同的类设置不同的样式。

css样式

如何设置html类

<!DOCTYPE html>
<html>
<head>html如何设置类</head>
<body>
<div class="cities">
 <p>cities就是div标签设置的类</p>
</div>
</body>
</html>

上述代码给div标签设置了cities类名。

html类的应用

下面代码是通过设置<span>元素的类,为相同的 <span>元素设置相同的样式。

<!DOCTYPE html>
<html>
<head>
<style>
 span.red {color:red;}
</style>
</head>
<body>
 <h1>My <span class="red">Important</span> Heading</h1>
</body>
</html>

下方是输出结果的样式:

html类

通过设置html的类就可以在html中应用css样式了。

  • 暂无评论