H5学习之旅-H5的块标签的使用（9）-H5教程-PHP中文网

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

黄舟

发布： 2017-02-17 14:34:27

原创

1556 人浏览过

块元素的基本语法

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

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

3.html的p元素，p也被称为块元素,其主要作为组合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>
    <p id="pId">
        <p>
            这是一个段落        </p>
        <a>这是一个超链接</a>
    </p>
    <p>
        <P><span>这是一个span测试，</span>测试效果</P>
    </p></body></html>

登录后复制

css代码

#pId p{    color:red;}

登录后复制

pId是di的id，后面的p是指定P标签

效果图

这里写图片描述

块元素的基本语法

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

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

3.html的p元素，p也被称为块元素,其主要作为组合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>
    <p id="pId">
        <p>
            这是一个段落        </p>
        <a>这是一个超链接</a>
    </p>
    <p>
        <P><span>这是一个span测试，</span>测试效果</P>
    </p></body></html>

登录后复制