HTML类

来源:互联网 发布:java idea 编辑:程序博客网 时间:2024/06/05 14:44

1、<div>和<span>

HTML中分为块级元素(block level element)<p><h1><ul><table>和内联元素(inline element)<img><b><td><a>

<div>属于块级元素,没有特殊的含义,与css联合使用,可以对大的类容块设置样式 如class

<span>属于内联元素,也没有特殊含义,与css一起使用,可以对部分样本设置样式。

2、类

举例:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="form/html; charset=utf-8" />
<style>
.cities{
    background-color:blue;
    color:red;
    magin:20px;
    padding:20px;
}

span.blue{
color:blue;
}

</style>
</head>
<body>
<div class="cities">
<h1>我是女生</h1>
<p>你是说我是一个女生吗</p>
</div>

<h2>我是男生</h2>
<p>你是说我是一个<span class="blue">男生</span>吗</p>

</body>
</html>