3、块元素

2018-06-24 01:08:02来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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

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

  

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:响应式开发学习(3)——图片优化

下一篇:css中px、em和rem的区别总结