内联元素和块元素

最新推荐文章于 2022-06-17 23:36:38 发布
最新推荐文章于 2022-06-17 23:36:38 发布
阅读量175 收藏
点赞数
分类专栏： HTML须知
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39314291/article/details/82229437
版权

1 内联元素/行内元素 
    ① 内联元素并在一行 ② 宽高由内容决定 ③ 元素换行会产生间距 ④ 默认带上下内边距 ⑤ 不支持样式：width、height、margin-top、margin-bottom
    包括：文本元素（a、span、em、stong、无标签等）、图片/音频/视频、表单元素（input、select, textarea、button）等

2 块元素/行元素 
    ① 块元素各占一行 ② 继承父级宽度 ③支持全部样式
    包括：节元素（span除外）、列表元素、表格元素、标题段落元素(h1~h6、h）

3 内联块元素(CSS display:inline-block)
    ① 元素并在一行 ② 宽高由内容决定 ③ 元素换行会产生间距 ④ 支持全部样式

Rocke369
关注
专栏目录
内联元素与块元素
Hemx的博客
02-03 253
内联元素(inline) 内联元素(inline)不会独占一行，相邻的内联元素会排在同一行。其宽度随内容的变化而变化。 内联元素不可以设置宽高 内联元素可以设置margin，padding，但只在水平方向有效。 常用内联元素 <a></a> <img></img> <iframe> </iframe> &l...
元素的默认宽高、浮动问题、划块、权重、 内联元素和块元素的区别
Braque的博客
06-09 663
元素的默认宽高： 1.未浮动的元素宽度默认为父级的100%（浮动的元素会脱离文档流。什么是脱离文档流，以后再讲。） 2.高度默认为0，如果有子集的话高度由子集决定 如果父级为body，高度百分比不生效，不是body，高度百分比是生效的 3.浮动的元素的宽度由内容决定，没有内容默认为0 元素的浮动： 1.希望哪几个元素在一行上显示就给哪几个元素加浮动， 不管左浮动还是右浮动，都是居父级的最左边或者最右边 清除浮动不是一劳永逸的，页面中有多少处用到了浮动，就需要清除多少次(这点特别重要，虽然表现形式可能看不出差
块元素、内联元素、内联块元素
weixin_33961829的博客
12-17 245
元素就是标签，布局中常用的有三种标签，块元素、内联元素、内联块元素，了解这三种元素的特性，才能熟练的进行页面布局。 块元素 块元素，也可以称为行元素，布局中常用的标签如：div、p、ul、li、h1~h6、dl、dt、dd等等都是块元素，它在布局中的行为： 支持全部的样式 如果没有设置宽度，默认的宽度为父级宽度100% 盒子占据一行、即使设置了宽度 内联元素内联元素...
html元素类型 块级元素、内联元素(又叫行内元素)和内联块级元素。
aihanguang7682的博客
11-28 163
html中的标签元素大体被分为三种不同的类型：块级元素、内联元素(又叫行内元素)和内联块级元素。 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致） 常用的块状元素有： <div>...
内联元素(inline)和块级元素(block)
Smallbo's Note
10-25 1577
常见的内联元素(inline)和块级元素(block)内联元素(inline)：a – 锚点 abbr – 缩写 acronym – 首字 b – 粗体(不推荐) big – 大字体 br – 换行 cite – 引用 code – 计算机代码(在引用源码的时候需要) dfn – 定义字段 em – 强调 font – 字体设定(不推荐) i – 斜体 img – 图片 i
html内联元素和块元素区别
最新发布
09-03
4. 是否可以容纳其他元素：内联元素不能直接容纳块级元素，只能容纳其他内联元素或者文本内容，而块级元素可以容纳任何类型的元素。 在实际应用中，正确使用内联元素和块级元素可以更好地控制页面的布局和样式，使...
浅谈CSS块级元素与行内元素(内联元素)的区别和联系
12-13
在css盒子模型中，我们提到了html元素中的块元素（block element）和内联元素（inline element）。那么它们究竟是什么呢？ 其实，这两种元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素...
html 内联元素和html 块级元素概述及区别
12-13
HTML中的元素可以分为两大类：内联元素（Inline Elements）和块级元素（Block Elements），它们在网页布局中扮演着...在实际工作中，合理运用内联元素、块级元素和可变元素，结合CSS，可以创建出丰富多彩的网页界面。
块级元素和内联元素及可变元素汇总
01-19
块元素(block element) 　p – 段落 　pre – 格式化文本 　table – 表格 　ol – 排序表单 　ul – 非排序列表 　address – 地址 　blockquote – 块引用 　center – 居中对齐块 　div – 常用块级 　...
块元素和内联元素的特点
小小的博客
08-25 748
块元素和内联元素                          div就是一个块元素，                 所谓的块元素就是会独占一行的的元素,无论他的内容有多少(就是与宽度无关),他都会独占一整行。                 p h1 h2 h3 ... 都是块元素                 div这个标签没有任何语义，就是一个纯粹的块元素，             ...
块元素与内联元素
huangyh技术栈
05-23 472
1.1 块元素与内联元素的区别 块元素是一个元素，占用了全部宽度，在前后都是换行符，块元素的例子。 <h1> <p> <div> 内联元素只需要必要的宽度，不强制换行。 <span> <a> 2.1 块级元素（block）特性： 总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示； 宽度（wi...
HTML--内联元素和块状元素--大全
诸葛苍穹
07-16 1011
列出所有的内联元素和块状元素，方便以后大家查阅 引用: 可以设置Width 和 Height 块元素(block element) address - 地址 blockquote - 块引用 center - 举中对齐块 dir - 目录列表 div - 常用块级容易，也是CSS layout的主要标签 dl - 定义列表 fieldset - form控制组 form - 交互表单 h1
内联元素与块级元素
weixin_42952665的博客
09-19 922
大多数 HTML 元素被定义为块级元素或内联元素。“块级元素”译为 block level element，“内联元素”译为 inline element。 1.块级元素 块级元素在浏览器显示时，通常会以新行来开始（和结束）。块级元素按照其应用于结构还是内容分为三种：结构化块状元素，终端块状元素，多目标块状元素。 结构化块状元素：这类元素用于构造文档的结构，没有语义上的含义，仅仅划分出了文档的组织...
内联块元素
DiXionYu的博客
06-17 391
内联块元素 内联块元素，也叫行内块元素，是新增的元素类型，现有元素没有归于此类别的，img和input元素的行为类似这种元素，但是也归类于内联元素，我们可以用display属性将块元素或者内联元素转化成这种元素。它们在布局中表现的行为：这三种元素，可以通过display属性来相互转化，不过实际开发中，块元素用得比较多，所以我们经常把内联元素转化为块元素，少量转化为内联块，而要使用内联元素时，直接使用内联元素，而不用块元素转化了。display属性 display属性是用来设置元素的类型及隐藏的，常用的属性有
块元素和内联元素
weixin_44932552的博客
09-25 228
1.块元素： 标签p/h1/h2也是块元素 2.内联元素： 当想给某段文字设置样式，但是文字又没有标签括起来，可以使用span标签来设置文字样式。 3.块元素主要用来做页面的布局，内联元素主要用来选中文本设置样式； 一般情况下块元素可以包含内联元素，但内联元素不可以包含块元素； a元素可以包含任意元素，但是不能包含它自己，虽然可以显示，但是浏览器错误的修改了。 p元素不可以包含任何的块元素，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值