3、块元素

最新推荐文章于 2022-08-14 10:23:55 发布

weixin_30779691

最新推荐文章于 2022-08-14 10:23:55 发布

阅读量160

点赞数

原文链接：http://www.cnblogs.com/-hongchen/p/6644368.html

版权

一.元素分为：块元素、内联元素（行内元素）。

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 元素被定义为块级元素或内联元素。块级元素在浏览器显示时，通常会以新行来开始（和结束）。

转载于:https://www.cnblogs.com/-hongchen/p/6644368.html

weixin_30779691

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
3、块元素

一.元素分为：块元素、内联元素（行内元素）。1）块元素特征：1、默认独占一行2、没有宽度时，默认撑满一行3、支持所有css命令2）块元素代码：以常用的块级元素div和p举例。　　<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ...
复制链接

扫一扫