css块级元素介绍:

(学习视频分享:css视频教程)

根据W3C上的解释,就是说block(块级)元素是独占一行显示的。它的兄弟元素必定不会与其在同一行中(除非脱离了文档流)。其实,通俗点来说,就是块元素(block element)一般是其他元素的容器元素,能容纳其他块元素或内联元素。最常见的就是P和div这两个,说的再简单点,就是块元素就好比一个四方块,可以放其他的四方块,并可以呈现在页面上任何地方。

如果对于上述的css块级元素定义还是不太理解,我们再来看一看css块级元素的三个特点:

1、每个块级元素都是独自占一行,其后的元素也只能另起一行,并不能两个元素共用一行。

2、元素的高度、宽度、行高和顶底边距都是可以设置的。

3、元素的宽度如果不设置的话,默认为父元素的宽度。

常见的css块级元素:address : 地址。

blockquote:块引用。

center:举中对齐块。

dir:目录列表。

div: 常用块级容易,也是CSS layout的主要标签。

dl:定义列表。

fieldset:form控制组。

form:交互表单。

h1– h6:标题。

hr:水平分隔线。

isindex :input prompt。

menu:菜单列表。

noframes:frames可选内容,(对于不支持frame的浏览器显示此区块内容)。

noscript :可选脚本内容(对于不支持script的浏览器显示此内容)。

ol:有序表单。

p: 段落。

pre:格式化文本。

table:表格。

ul:无序列表。

相关推荐:CSS教程

在html中 常见的块级元素有哪些,常见的css块级元素有哪些相关推荐

  1. 触发bfc的html元素,什么是BFC? CSS 使用伪元素清除浮动的方法

    BFC概念: 块级格式化上下文,是一个独立的渲染区域,让处于 BFC 内部的元素与外部的元素相互隔离,使内外元素的定位不会相互影响. 我们先了解一个名词:BFC(block formatting co ...

  2. html 隐藏元素 不占空间,【CSS】隐藏元素总结

    本文旨在加深对css隐藏元素方法的理解,资料均来源于网络,文章结尾附有参考链接. 一.CSS中隐藏元素的常用方法有以下几种: 1. {display: none; //不占据空间,无法点击} 2. { ...

  3. css 元素淡出淡入_使用CSS顺序淡入元素

    css 元素淡出淡入 Paradoxically, delaying elements so that they appear one after another can make a web pag ...

  4. CSS父级子级学习总结

    CSS 父级子级 http://www.divcss5.com/rumen/r239.shtml 1.认识了解 简单讲CSS父级 CSS子级是相对而言,如一个DIV "A"被另外一 ...

  5. android设置webview光标颜色,CSS自定义设置元素闪烁光标颜色

    这次给大家带来CSS自定义设置元素闪烁光标颜色,CSS自定义设置元素闪烁光标颜色的注意事项有哪些,下面就是实战案例,一起来看一下. 前言因为业务需求, 要求我们的input框内的文本与悬浮的光标颜色不 ...

  6. 在html中列表是块元素还是,HTML基础知识4-列表及表单的写法、块级元素和内联(行内)元素的区别...

    一.有序列表.无序列表.自定义列表如何使用?写个简单的例子.三者在语义上有什么区别?在哪些情况下使用哪种(重要)? 如何嵌套? 1.简单例子如下: Document div.div1 { backgr ...

  7. CSS块级元素和行内元素

    1. 宽高 width:数值; height:数值; 也可用百分比! 长高的设置不会被后代继承 2. 背景 (1)背景颜色 background-color:颜色值; 元素的背景颜色默认为transp ...

  8. css块元素与行内元素特点,CSS区分块级元素和行内元素

    块级元素(块级元素一般当做容器使用,既可以容纳内联元素也可以容纳块级元素) 特点: 1.每个块级元素都是独自占一行,其后的元素也只能另起一行,并不能两个元素共用一行. 2.元素的高度.宽度.行高和顶底 ...

  9. CSS块级元素、内联元素概念

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

最新文章

  1. FATCAT桌面计算器即将出炉!
  2. 零基础可以学python吗-零基础适合学Python吗?小白能否学会Python?
  3. python循环输入若干成绩_完美解决在oj中Python的循环输入问题
  4. 虚拟dom与diff算法 分析
  5. 【HTML/CSS】浮动模型和清除浮动的方法
  6. get_magic_quotes_gpc()函数用法介绍
  7. 迭代最近点算法Iterative Closest Point(ICP)以及c++实现代码
  8. 东华大学计算机学院刘国华,计算机科学与技术学院2016级迎新大会顺利举行
  9. jetty client 与apache http client的实现、分析
  10. go-micro服务报错:wsasend: An existing connection was forcibly closed by the remote host
  11. hunnu 10246 最大间隙问题 桶排序+抽屉原理
  12. c++学习:多态案例之魔法门英雄无敌
  13. PE安装Win10纯净版教程【附Win10企业版/专业版/64/32位系统下载地址以及系统激活工具和解压软件安装包】
  14. flutter 可拖拽吸边的悬浮按钮,悬浮布局;
  15. Gale-Shapley 算法 寻找稳定婚配java实现
  16. npm install 连接不上github解决办法
  17. 【苦练基本功】代码整洁之道 pt4(第10章-第12章)
  18. Free RTOS 中断优先级配置
  19. Android应用设置系统情景模式
  20. mysql查询第二个字母为a_MSSQL_关于SQL Server查询语句的使用,一.查询第二个字母是t或者a的 - phpStudy...

热门文章

  1. itunes一直显示正在验证iphone恢复_新iPhone到手了,怎样将数据资料迁移过去?
  2. 关于Jboot读取不到配置文件
  3. 电脑端口被占用怎么解决?
  4. 如何用MathType编辑圆圈符号
  5. 【scoop 】-【安装与使用】
  6. SCAU2021春季个人排位赛第七场 (部分题解))
  7. 快要做毕设了,几行代码Python生成创意动态二维码,这不猛猛加分......
  8. Linux 终端文件管理器 —— ranger
  9. 疯子网页采集器教程之采集需要保存图片的教程
  10. Kylin作用是什么?