W e S D
0 1

html5学习之路_002

html块

  • html块元素

块元素在显示时,通常会以新行开始

如:<h1>、<p>、<ul>

  • html内联元素

内联元素头通常不会以新行开始

如:<b>、<a>、<img>

  • html<div>元素

<div>元素也被称为块元素,其主要的是组合html元素的容器

  • html<span>元素

<span>元素是内联元素,可作为文本的容器

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>块元素</title>
    <link rel="stylesheet" type="text/css" href="mycss02.css">
</head>
<body>
    <!---->
    <p>hello</p>
    <h3>world</h3>
    <b>这是一个</b>
    <a>zheshiyige </a>
    <div id="divID">
        <p>hello world</p>
        <a href="http://baidu.com">点击我</a>
    </div>
    <div id="divspan">
        <p><span>这是一个测试</span>程序编后话</p>
    </div>
</body>
</html>
<p>hello</p><h3>world</h3>是块元素,他们之间不会在同一行,有新行开始。<b>这是一个</b><a>zheshiyige </a>不会换行,如图:

div通过css设置,设置一个id,id="divID",通过<link rel="stylesheet" type="text/css" href="mycss02.css"> </head>引入,就可以在css中设置编辑

#divID a {
    color: red;
}
#divID p{
    color: gold;
}
#divspan span{
    color: magenta;
}

上述就是css的内容,其中#divID a { color: red; }定义了<a></a>中的内容颜色为red,<p></p>中的颜色为gold;<span></span>中颜色为magenta。如图:

 

本站文章为 宝宝巴士 SD.Team 原创,转载务必在明显处注明:(作者官方网站: 宝宝巴士 

转载自【宝宝巴士SuperDo团队】 原文链接: http://www.cnblogs.com/superdo/p/4752981.html

posted @ 2015-08-23 19:06  SD.Team  阅读(154)  评论(0)    收藏  举报