文档章节

什么是块级元素?

博为峰教研组
 博为峰教研组
发布于 2017/04/09 17:14
字数 271
阅读 15
收藏 0

使用css进行布局,对块级元素并不陌生,我们经常使用的div就是块级元素,那么块级元素到底有哪些呢?

<address>

地址

<caption>

表格标题

<dl>

列表

<dt>

列表中每一列的标题

<dd>

列表中每一列的内容

<div>

分区块

<form>

表单

<h1><h2><h3><>h4><h5><h6>

标题

<fieldset>

fieldset 元素的标题

<li>

列表项目

<ol>

有序列表

<ul>

无序列表

<p>

段落

<table>

表格

<tbody>

表格主体

<td>

表格中的标准单元格

<tfoot>

表格的页脚

<th>

表头单元格

<thead>

表格的表头

<tr>

表格中的行

为了方便大家快速记忆,我们总结了几句话

三大列表和表格

六大标题和表单

段落地址要分块

那么如何使用块级元素?

1.块级元素各占据一行,垂直方向排列。

2.块级元素可以设置width、height、padding、margin。

3. 块级元素可以包含行内元素和块级元素,但行内元素不能包含块级元素。

© 著作权归作者所有

共有 人打赏支持
博为峰教研组
粉丝 50
博文 1224
码字总数 479077
作品 0
黄浦
程序员
私信 提问
10分钟复习CSS盒模型与BFC

css盒模型与BFC 本文为收集整理总结网上资源 旨在系统复习css盒模型与bfc 节省复习时间 阅读10分钟 什么是盒模型 每一个文档中,每个元素都被表示为一个矩形的盒子,它都会具有内容区、paddi...

coderLfy
06/30
0
0
CSS的常见样式序(1)

1. text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中 text-align作用在块级元素上,可以使块内元素的文字、图片、和行内元素水平居中。但不能使块级元素居中。注意t...

熊蛋子17
2017/11/12
0
0
CSS的常见样式

本篇文章将主要阐述CSS的常见样式 对于常见样式做出大量说明 虽然CSS的样式并不算多但是在CSS的使用上却是最多的并且是复用性最多的。 1. 块级元素和行内元素分别有哪些?动手测试并列出4条以...

熊蛋子17
2017/11/12
0
0
CSS文档流与块级元素和内联元素

CSS文档流与块级元素(block)、内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的<CSS权威指南>,发现里面提到的文档流概念让...

i33
2012/12/28
0
0
什么是BFC?

Block Formatting Context css规范对它的定义 浮动,绝对定位元素,非块盒的块容器(例如,inline-blocks,table-cells和table-captions)和'overflow'不为'visible'的块盒会为它们的内容建立...

_YM雨蒙
02/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Windows 10 设置 Java 环境变量

首先你需要在我的电脑中打开,找到环境变量属性。 找到环境变量属性 找到环境变量属性后单击将会看到下面的设置界面。 在这个界面中设置高级系统设置。 环境变量 在弹出的界面中选择设置环境...

honeymose
今天
1
0
用any-loader封装jQuery的XHR —— 随便写着玩系列

哎,都说没人用JQuery啦,叫你别写这个。 其实我也是好高骛远使用过npm上某个和某个很出名的XHR库,嗯,认识我的人都知道我喜欢喷JQ,以前天天喷,见面第一句,你还用JQ,赶紧丢了吧。但我也...

曾建凯
今天
7
0
聊聊storm的AggregateProcessor的execute及finishBatch方法

序 本文主要研究一下storm的AggregateProcessor的execute及finishBatch方法 实例 TridentTopology topology = new TridentTopology(); topology.newStream("spout1", spout......

go4it
今天
4
0
大数据教程(7.5)hadoop中内置rpc框架的使用教程

博主上一篇博客分享了hadoop客户端java API的使用,本章节带领小伙伴们一起来体验下hadoop的内置rpc框架。首先,由于hadoop的内置rpc框架的设计目的是为了内部的组件提供rpc访问的功能,并不...

em_aaron
今天
5
0
CentOS7+git+github创建Python开发环境

1.准备CentOS7 (1)下载VMware Workstation https://pan.baidu.com/s/1miFU8mk (2)下载CentOS7镜像 https://mirrors.aliyun.com/centos/ (3)安装CentOS7系统 http://blog.51cto.com/fengyuns......

枫叶云
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部