3、块元素

一.元素分为:块元素、内联元素(行内元素)。

1)块元素特征:

 1、默认独占一行
 2、没有宽度时,默认撑满一行
 3、支持所有css命令

2)块元素代码:以常用的块级元素div和p举例。

  

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            div, p{
                height: 50px;
                background-color: yellow;
            }
        </style>
    </head>
    <body>
        <div>块级元素</div>
        <p>块级元素</p>
    </body>
</html>

3)代码效果如下:

  

4)常用的块级元素:

address - 地址
blockquote - 块引用
center - 居中对齐块
dir - 目录列表
div - 常用块级容器,也是css layout的主要标签
dl - 定义列表
fieldset - form控制组
form - 交互表单
h1 - 大标题
h2 - 副标题
h3 - 3级标题
h4 - 4级标题
h5 - 5级标题
h6 - 6级标题
hr - 水平分隔线
isindex - input prompt
menu - 菜单列表
noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容)
noscript - 可选脚本内容(对于不支持script的浏览器显示此内容)
ol - 排序表单
p - 段落
pre - 格式化文本
table - 表格
ul - 非排序列表(无序列表)

5)块级元素概述

块元素又名块级元素(block element),和其对应的是内联元素(inline element),都是html规范中的概念。大多数HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时,通常会以新行来开始(和结束)。

  

posted @ 2017-03-30 09:53  十丈红尘  阅读(362)  评论(0编辑  收藏  举报