在html中 常见的块级元素有哪些,常见的css块级元素有哪些
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块级元素有哪些相关推荐
- 触发bfc的html元素,什么是BFC? CSS 使用伪元素清除浮动的方法
BFC概念: 块级格式化上下文,是一个独立的渲染区域,让处于 BFC 内部的元素与外部的元素相互隔离,使内外元素的定位不会相互影响. 我们先了解一个名词:BFC(block formatting co ...
- html 隐藏元素 不占空间,【CSS】隐藏元素总结
本文旨在加深对css隐藏元素方法的理解,资料均来源于网络,文章结尾附有参考链接. 一.CSS中隐藏元素的常用方法有以下几种: 1. {display: none; //不占据空间,无法点击} 2. { ...
- css 元素淡出淡入_使用CSS顺序淡入元素
css 元素淡出淡入 Paradoxically, delaying elements so that they appear one after another can make a web pag ...
- CSS父级子级学习总结
CSS 父级子级 http://www.divcss5.com/rumen/r239.shtml 1.认识了解 简单讲CSS父级 CSS子级是相对而言,如一个DIV "A"被另外一 ...
- android设置webview光标颜色,CSS自定义设置元素闪烁光标颜色
这次给大家带来CSS自定义设置元素闪烁光标颜色,CSS自定义设置元素闪烁光标颜色的注意事项有哪些,下面就是实战案例,一起来看一下. 前言因为业务需求, 要求我们的input框内的文本与悬浮的光标颜色不 ...
- 在html中列表是块元素还是,HTML基础知识4-列表及表单的写法、块级元素和内联(行内)元素的区别...
一.有序列表.无序列表.自定义列表如何使用?写个简单的例子.三者在语义上有什么区别?在哪些情况下使用哪种(重要)? 如何嵌套? 1.简单例子如下: Document div.div1 { backgr ...
- CSS块级元素和行内元素
1. 宽高 width:数值; height:数值; 也可用百分比! 长高的设置不会被后代继承 2. 背景 (1)背景颜色 background-color:颜色值; 元素的背景颜色默认为transp ...
- css块元素与行内元素特点,CSS区分块级元素和行内元素
块级元素(块级元素一般当做容器使用,既可以容纳内联元素也可以容纳块级元素) 特点: 1.每个块级元素都是独自占一行,其后的元素也只能另起一行,并不能两个元素共用一行. 2.元素的高度.宽度.行高和顶底 ...
- CSS块级元素、内联元素概念
CSS文档流与块级元素(block).内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的<CSS权威指南>, ...
最新文章
- FATCAT桌面计算器即将出炉!
- 零基础可以学python吗-零基础适合学Python吗?小白能否学会Python?
- python循环输入若干成绩_完美解决在oj中Python的循环输入问题
- 虚拟dom与diff算法 分析
- 【HTML/CSS】浮动模型和清除浮动的方法
- get_magic_quotes_gpc()函数用法介绍
- 迭代最近点算法Iterative Closest Point(ICP)以及c++实现代码
- 东华大学计算机学院刘国华,计算机科学与技术学院2016级迎新大会顺利举行
- jetty client 与apache http client的实现、分析
- go-micro服务报错:wsasend: An existing connection was forcibly closed by the remote host
- hunnu 10246 最大间隙问题 桶排序+抽屉原理
- c++学习:多态案例之魔法门英雄无敌
- PE安装Win10纯净版教程【附Win10企业版/专业版/64/32位系统下载地址以及系统激活工具和解压软件安装包】
- flutter 可拖拽吸边的悬浮按钮,悬浮布局;
- Gale-Shapley 算法 寻找稳定婚配java实现
- npm install 连接不上github解决办法
- 【苦练基本功】代码整洁之道 pt4(第10章-第12章)
- Free RTOS 中断优先级配置
- Android应用设置系统情景模式
- mysql查询第二个字母为a_MSSQL_关于SQL Server查询语句的使用,一.查询第二个字母是t或者a的 - phpStudy...