H5学习之旅-H5的块标签的使用（9）

最新推荐文章于 2018-10-18 18:04:02 发布

weixin_30315723

最新推荐文章于 2018-10-18 18:04:02 发布

阅读量92

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/fengsehng/p/6048549.html

本文详细介绍了HTML中块元素与内联元素的区别，并通过代码实例展示了如何使用CSS为这些元素添加样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

块元素的基本语法

1. Html块元素，块元素在开始时候通常以新行开始，比如h1，p，ul

2.内联元素，通常不会以新行开始，比如a，b，img

3.html的div元素，div也被称为块元素,其主要作为组合html元素的容器

4.html的span元素，span元素是内联元素，可作为文本的容器

！！！！！！代码实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>H5块元素</title>
    <link rel="stylesheet" type="text/css" href="myStyle.css">
    <style>
        span{
            color:chartreuse;
        }
    </style>
</head>
<body>
    <p>这是一个段落</p>
    <h1>这是一个标题</h1>
    <b>这是一个加重</b>
    <a>这是一个超链接</a>
    <div id="divId">
        <p>
            这是一个段落
        </p>
        <a>这是一个超链接</a>
    </div>
    <div>
        <P><span>这是一个span测试，</span>测试效果</P>
    </div>
</body>
</html>