文档章节

什么是块级元素?

博为峰教研组
 博为峰教研组
发布于 2017/04/09 17:14
字数 271
阅读 14
收藏 0
点赞 0
评论 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. 块级元素可以包含行内元素和块级元素,但行内元素不能包含块级元素。

© 著作权归作者所有

共有 人打赏支持
博为峰教研组
粉丝 49
博文 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
想要清晰的明白(一): CSS视觉格式化模型|盒模型|定位方案|BFC

视觉格式化模型 页面(文档树)可以想象成是由一个个的Box组合而成的,而视觉格式化模型(Visual formatting model)是一套规则,将这些框布局成访问者看到的样子。 哪些因素控制了这些布局 下文...

mooonx
2017/11/29
0
0
CSS 最核心的四个概念

本文将讲述 CSS 中最核心的几个概念,包括:盒模型、position、float等。这些是 CSS 的基础,也是最常用的几个属性,它们之间看似独立却又相辅相成。为了掌握它们,有必要写出来探讨一下,如...

数通畅联
2015/12/21
60
0
js中给某个class属性元素加样式。 css中加float后,元素找不到了,用margin:right可以看到

js中给某个class属性元素加样式。 css中加float后,元素找不到了,用margin:right可以看到. 是受到了上边和下边元素样式的影响 例如: 一个个回答的跟猪一样,看没看懂人家问的是什么啊?人家...

writeademo
2016/10/10
53
0
什么是块级元素和内联级元素(二)

block(块)元素的特点: ①总是在新行上开始; ②高度,行高以及外边距和内边距都可控制; ③宽度缺省是它的容器的100%,除非设定一个宽度。 ④它可以容纳内联元素和其他块元素 inline元素的...

金小川
2010/04/13
0
0
CSS布局模型 之 层模型(position的relative、absolute与fixed区别?)

css的布局模型分为流动模型(Flow)、浮动模型(Float)、层模型(Layer)。 浮动模型(Float)和层模型(Layer)有什么显著区别? 浮动模型(Float):浮动是让某元素脱离文档流的限制,在浮...

艺晨光
2017/08/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

vue基础知识练习

一、Hello World <div id="itany">{{msg}} <!-- 两对大括号{{}}称为模板,用来进行数据的绑定显示在页面中 --> </div><script src="js/vue.js"></script><script>var vm=new Vue({......

一个yuanbeth
9分钟前
0
0
spring @Transactional注解参数详解

原文:事物注解方式: @Transactional 当标于类前时, 标示类中所有方法都进行事物处理 , 例子: 1 @Transactional public class TestServiceBean implements TestService {} 当类中某些方法不需...

binhu
12分钟前
0
0
CORS 跨域实践

本文首发于个人微信公众号《andyqian》,期待你的关注~ 前言 系统通常都是由单体应用逐渐演化而来,演化成为前后端分离的分布式应用。在享受分布式系统带来的诸多好处之时,随之而来的也有不...

andyqian
19分钟前
7
0
开源 java CMS - FreeCMS2.8 会员管理

项目地址:http://www.freeteam.cn/ 会员组管理 会员管理 会员管理 从左侧管理菜单点击会员管理进入。 添加会员 在会员列表下方点击“添加”按钮。 填写相关属性后点击“保存”按钮即可。 编...

freeteam
21分钟前
0
0
bboss升级至 v5.0.6.8版本,改善对Elasticsearch SQL 的支持

v5.0.6.8功能改进如下: (1)持久层支持支持Elasticsearch SQL,使用参考文档:玩转Elasticsearch SQL功能 (2)解决持久层/elasticsearch模板变量解析多层级不起作用问题 (3)完善国际化功能 (4...

linux-tao
22分钟前
0
0
扫码二维码跳转到某个网站

添加maven依赖 <dependency><groupId>com.google.zxing</groupId><artifactId>core</artifactId><version>3.0.0</version></dependency><dependency><groupId>com.goog......

gaomq
28分钟前
0
0
Windows平台下搭建Git服务器的图文教程

Git没有客户端服务器端的概念,但是要共享Git仓库,就需要用到SSH协议(FTP , HTTPS , SFTP等协议也能实现Git共享,此文档不讨论),但是SSH有客户端服务器端,所以在windows下的开发要把自己...

MKChan
34分钟前
0
0
告警系统主脚本&告警系统配置文件&告警系统监控项目

20.20 告警系统主脚本 准备工作 定义监控系统的各个目录,然后再去定义主脚本,因为是分布式的,所以需要每一台机器都需要定义,事先创建好各个脚本和各个目录,随后脚本直接拷贝过去即可,然...

影夜Linux
35分钟前
0
0
谈谈神秘的ES6——(一)初识ECMAScript

谈谈神秘的ES6——(一)初识ECMAScript 在《零基础入门JavaScript》我们就说过,ECMAScript是JavaScript的核心,是JavaScript语法和语义的解释器,同时也是一个标准。而ECMAScript标准其实也...

JandenMa
今天
1
0
第16章 Tomcat配置

16.1 Tomcat介绍 ####Tomcat介绍 LNMP架构针对的开发语言是PHP语言,php 是一门开发web程序非常流行的语言,早些年流行的是asp,在Windows平台上运行的一种编程语言,但安全性差,就网站开发...

Linux学习笔记
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部