3、块元素和内联元素

最新推荐文章于 2024-02-19 22:40:48 发布

苍鹰蛟龙

最新推荐文章于 2024-02-19 22:40:48 发布

阅读量160

点赞数

分类专栏： HTML+CSS 文章标签： HTML

HTML+CSS 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

块元素和内联元素

			div就是一个块元素，
				所谓的块元素就是会独占一行的的元素,无论他的内容有多少
					他都会独占一整行。
				p h1 h2 h3 ... 
				div这个标签没有任何语义，就是一个纯粹的块元素，
					并且不会为它里边的元素设置任何的默认样式，
				div元素主要用来对页面进行布局的

			span是一个内联元素（行内元素）	
				所谓的行内元素，指的是只占自身大小的元素，不会占用一行
				常见的内联元素：
					a img iframe span
				span没有任何的语义，span标签专门用来选中文字，
				然后为文字来设置样式

			块元素主要用来做页面中的布局，内联元素主要用来选中文本设置样式，
				一般情况下只使用块元素去包含内联元素，而不会使用内联元素去包含一个块元素
				a元素可以包含任意元素，除了他本身
				p元素不可以包含任何块元素

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

苍鹰蛟龙

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

块元素和内联元素

weixin_33912246的博客

08-27

为什么80%的码农都做不了架构师？>>> ...

三大元素块级元素、内联元素以及块级内联元素

qq_40571091的博客

09-16

421

内容大纲三大元素块级元素、内联元素以及块级内联元素的具体作用，和其中的一些标签的用处、语法和属性，通过style可以改变大部分标签的属性，学会通过img在网页中插入图片并能更改大小，利用input标签中的type属性来改变输入框的种类，实现较为简单的表单设计，还能使用span标签将一些特殊字符输入并能在网页中展现出来。有序、无序、自定义列表的不同点和具体使用方法，显示出来的样式不同...

参与评论您还未登录，请先登录后发表或查看评论

常见的块级元素、内联元素

weixin_30437847的博客

03-21

139

块级元素: div -最常用的块级元素 dl - 和dt-dd 搭配使用的块级元素 form - 交互表单 h1 -h6- 大标题 hr - 水平分隔线 ol – 有序列表 p - 段落 ul - 无序列表 fieldset - 表单字段集 colgroup-col -...

常见的内联元素(inline)和块级元素(block)

热门推荐

初学者的博客

09-10

2万+

1.内联元素(inline)： a – 锚点 abbr – 缩写 b – 粗体(不推荐) big – 大字体 br – 换行 cite – 引用 code – 计算机代码(在引用源码的时候需要) em – 强调 font – 字体设定(不推荐) i – 斜体 img – 图片 input – 输入框 kbd – 定义键盘文本 label – 表格标签 q – 短引用 span – 常...

内联元素与块状元素

weixin_30517001的博客

10-26

219

块状元素(block element)address - 地址blockquote - 块引用center - 举中对齐块dir - 目录列表div - 常用块级容易，也是CSS layout的主要标签dl - 定义列表fieldset - form控制组form - 交互表单h1 - 大标题h2 - 副标题h3 - 3级标题h4 - 4级标题h5 - 5级标题h6 - 6级标题hr - 水平分隔...

css盒子模型块元素和内联元素

阿宾的地盘儿

02-19

636

1.Block element一般是其他元素的容器元素，能容纳其他块元素和内联元素，最常见的就是P和div元素。简单来说：块元素是一个四方块，可以在“四方块”任意位置放置。2.Inline element也叫内嵌元素和行内元素，一般基于语法级的基本元素。内联元素只能容纳文本或其他内联元素，常见的是a和span。

浅谈CSS块级元素与行内元素(内联元素)的区别和联系

12-13

在css盒子模型中，我们提到了html元素中的块元素（block element）和内联元素（inline element）。那么它们究竟是什么呢？其实，这两种元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素...

块元素和内联元素区别

03-10

总结一下，块元素和内联元素的区别主要在于它们的布局和显示方式。块元素会独占一行并自动换行，可以设置宽度和高度等属性；而内联元素不会独占一行，只占据内容的宽度，并且不能设置宽度和高度等属性。

块级元素和内联元素及可变元素汇总

01-19

块元素(block element) 　p – 段落　pre – 格式化文本　table – 表格　ol – 排序表单　ul – 非排序列表　address – 地址　blockquote – 块引用　center – 居中对齐块　div – 常用块级　...

什么是块元素block和内联元素inline

11-22

3. **仅能嵌套文本和其他内联元素**：内联元素只能包含文本和其他内联元素，不能包含块元素。 4. **通常用于文本装饰**：内联元素主要用于文本的修饰，如加粗、斜体等。常见的内联元素包括但不限于： - `<a>`：...

什么是块级元素和内联级元素

weixin_33747129的博客

11-17

300

block（块）元素的特点： ①总是在新行上开始； ②高度，行高以及外边距和内边距都可控制； ③宽度缺省是它的容器的100%，除非设定一个宽度。 ④它可以容纳内联元素和其他块元素 inline元素的特点： ①和其他元素都在一行上； ②高，行高及外边距和内边距不可改变； ③宽度就是它的文字或...

HTML5学习之六块元素，内联元素

henry的博客

12-04

725

1、HTML块元素 块元素在显示时，通常会以新行开始，如、、，也是块元素（容器） 2、HTML内联元素 内联元素通常不会以新行开始如：、、，也是内联元素（一般文本容器） 3、div容器包裹，配合样式使用

HTML（3）块级元素、内联元素、可变元素

ADreamClusive的博客

05-09

1926

块元素(block element)和内联元素(inline element)都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后，块元素和内联元素的这种属性差异就不成为差异了。比如，我们完全可以把内联元素cite加上display:block这样的属性，让他也有每次都从新行开始的属性。 1 块级元素 块元素一般都从新行开始，它可以容

块状元素、内联元素和内联块状元素

weixin_34358092的博客

01-16

880

CSS中，html中的标签元素大体被分为三种不同的类型：块状元素（display：block）、内联元素(又叫行内元素display：inline)和内联块状元素（display:inline-block）。可以通过代码来相互转换。一.常用的块状元素有： <div>、<p>、<h1>-<h6&gt...

【java毕业设计】应急救援物资管理系统源码（springboot+vue+mysql+说明文档）.zip

11-06

项目经过测试均可完美运行！环境说明：开发语言：java jdk：jdk1.8 数据库：mysql 5.7+ 数据库工具：Navicat11+ 管理工具：maven 开发工具：idea/eclipse

基于java的音乐网站答辩PPT.pptx

11-06

基于java的音乐网站答辩PPT.pptx

基于Flexsim的公路交通仿真系统.zip

最新发布

11-06

基于Flexsim软件开发的仿真系统，可供参考学习使用

weixin073智慧旅游平台开发微信小程序+ssm后端毕业源码案例设计.zip

11-06

weixin073智慧旅游平台开发微信小程序+ssm后端毕业源码案例设计 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。

python017基于Python贫困生资助管理系统带vue前后端分离毕业源码案例设计.zip

11-06

python017基于Python贫困生资助管理系统带vue前后端分离毕业源码案例设计 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。