CSS块元素

古城微笑少年丶 2023-01-05 15:26 181阅读 0赞

#### 什么是css块元素？ ####

块级元素是独占一行显示的。它的兄弟元素必定不会与其在同一行中（除非脱离了文档流）。通俗点来说，就是块元素(block element)一般是其他元素的容器元素，能容纳其他块元素或内联元素。

#### css块元素的三个特点： ####

*  每个块级元素都是独自占一行，其后的元素也只能另起一行，并不能两个元素共用一行。
 *  元素的高度、宽度、行高和顶底边距都是可以设置的。
 *  元素的宽度如果不设置的话，默认为父元素的宽度。

#### 常见的块元素有哪些？ ####

<table> 
 <thead> 
  <tr> 
   <th>元素</th> 
   <th>作用</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>address</td> 
   <td>地址</td> 
  </tr> 
  <tr> 
   <td>blockquote</td> 
   <td>块引用</td> 
  </tr> 
  <tr> 
   <td>center</td> 
   <td>举中对齐块</td> 
  </tr> 
  <tr> 
   <td>dir</td> 
   <td>目录列表</td> 
  </tr> 
  <tr> 
   <td>div</td> 
   <td>常用块级容器，也是CSS layout的主要标签</td> 
  </tr> 
  <tr> 
   <td>dl</td> 
   <td>定义列表</td> 
  </tr> 
  <tr> 
   <td>fieldset</td> 
   <td>form控制组</td> 
  </tr> 
  <tr> 
   <td>form</td> 
   <td>交互表单</td> 
  </tr> 
  <tr> 
   <td>h1– h6</td> 
   <td>标题</td> 
  </tr> 
  <tr> 
   <td>hr</td> 
   <td>水平分隔线</td> 
  </tr> 
  <tr> 
   <td>menu</td> 
   <td>菜单列表</td> 
  </tr> 
  <tr> 
   <td>ol</td> 
   <td>有序表单</td> 
  </tr> 
  <tr> 
   <td>p</td> 
   <td>段落</td> 
  </tr> 
  <tr> 
   <td>pre</td> 
   <td>格式化文本</td> 
  </tr> 
  <tr> 
   <td>table</td> 
   <td>表格</td> 
  </tr> 
  <tr> 
   <td>ul</td> 
   <td>无序列表</td> 
  </tr> 
 </tbody> 
</table>

发表评论取消回复

表情：

评论列表（有 0 条评论，181人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS块元素

什么是css块元素？块级元素是独占一行显示的。它的兄弟元素必定不会与其在同一行中（除非脱离了文档流）。通俗点来说，就是块元素(block element)一般是其他元素

古城微笑少年丶/ 2023年01月05日 15:26/ 0 赞/ 182 阅读

相关 CSS块级元素和行内元素

html中的标签元素大体被分bai为三种不同的类型：块级元素du、内联zhi元素(又叫行内元素dao)和内联块级元素。块级元素特点： 1、每个块级元素都从新的一行开始

谁践踏了优雅/ 2022年12月05日 10:08/ 0 赞/ 211 阅读

相关 CSS的元素显示模式（块元素 & 行内元素 & 行内块元素）

文章目录 1 什么是元素显示模式 2 块元素 versus 行内元素 3 行内块元素 4 元素显示模式总结 5 元素显示模式转换

客官°小女子只卖身不卖艺/ 2022年11月17日 14:58/ 0 赞/ 217 阅读

相关 css块里面定义块,css块级元素的定义是什么？css块级元素有哪些？

css块级元素是什么？对于一些刚学习css的朋友们来说，这个问题可能不太了解，那么，接下来这篇文章就来给大家介绍一下关于css块级元素的定义，以及css块级元素有哪些？ cs

ゝ一纸荒年。/ 2022年09月03日 01:27/ 0 赞/ 180 阅读

相关 CSS块级元素、内联元素

在css盒子模型中，我们提到了html元素中的块元素（block element）和内联元素（inline element）。那么它们究竟是什么呢？其实，这两种

逃离我推掉我的手/ 2022年08月20日 04:23/ 0 赞/ 246 阅读

相关 CSS块级元素和行内元素

1. 块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。“form"这个块元素比较特殊，它只能用来容纳其他块元素。 2. 3.

你的名字/ 2022年08月09日 14:46/ 0 赞/ 166 阅读

相关 CSS块级元素和行级元素

1. 根据规定，每个网页元素都会存在display属性，其中像div,存在的默认值为”block”属性的即为块级元素 ; 而”span”元素的默认值为”inline”，称

╰半夏微凉°/ 2022年06月17日 02:44/ 0 赞/ 213 阅读

相关 CSS块级元素和行内元素

CSS块级元素和行内元素更多学习标签： [块级元素][Link 1] [行内元素][Link 2] 本文导读：HTML中的元素可分为两种类型：块级元素和

心已赠人/ 2022年06月16日 10:06/ 0 赞/ 240 阅读

相关 css_块级元素、行内元素

1) 块级元素块级元素：block element 1. 每个块级元素默认占一行高度，一行内添加一个块级元素后无法一般无法添加其他元素（float浮动后除外）;

缺乏、安全感/ 2022年05月25日 05:06/ 0 赞/ 239 阅读

相关玩转CSS中块元素、内联元素、内联块元素

元素就是标签，布局中常用的有三种标签，块元素、内联元素、内联块元素，了解这三种元素的特性，才能熟练的进行页面布局。 1.块元素块元素，也可以称为行元素，布局

﹏ヽ暗。殇╰゛Y/ 2021年11月29日 14:18/ 0 赞/ 346 阅读