前端-块级元素与内联元素

最新推荐文章于 2024-10-03 22:12:17 发布
最新推荐文章于 2024-10-03 22:12:17 发布
阅读量133 收藏
点赞数
分类专栏： 前端 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45441310/article/details/106254697
版权

块级元素与内联元素

1、块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，它只能包含其它内联元素。
2、块级元素不能放在p里面。
3、有几个特殊的块级元素只能包含内联元素，不能包含块级元素。如h1,h2,h3,h4,h5,h6,p,dt
4、li内可以包含div
5. a标签可以包括任何元素，除了自身

结晨^明日奈
关注
专栏目录
前端日记01_行内元素和块级元素
01-20
前端日记01_行内元素和块级元素欢迎大家来跟胖胖一起xio习！基本知识分类速览块级元素和行级元素的转换参考链接 欢迎大家来跟胖胖一起xio习！ Hey，这里是胖胖的博客，目前正在学有关前端的知识，有时候会把一些遇到...
web前端：表单、块级元素、内联元素、iframe嵌套框架、扩展后端mvc模式
12-07
内容偏门，适合打基础，补足基础的同志们
html中的行内元素和块级元素有哪些.pdf
05-08
它们不占据独立的矩形空间，而是依附于其他块级元素存在的。因此，对行内元素设置高度、宽度、内外边距等属性都是无效的（置换元素除外）。 常见的行内元素有： * a - 锚点 * b - 粗体（不推荐） * big - 大字体 *...
前端练习01-前端-HTML实例练习
03-24
9. **区块与内联元素**：`<div>`是块级元素，用于组织内容，而`<span>`是内联元素，用于在行内设置特定部分的样式。 10. **CSS基础**：虽然标签本身不涉及CSS，但了解如何使用`<style>`标签或外部样式表来添加CSS...
通过display或visibility来实现HTML元素的显示与隐藏
09-28
而设置为"block"时，元素将显示为块级元素，占据整行空间。 在给出的例子中，通过JavaScript函数showAndHidden1()来控制两个div元素（div1和div2）的显示与隐藏。这个函数首先获取div元素的引用，然后通过判断当前...
使用html写一个能发起请求的登录界面
最新发布
2301_79431343的博客
10-03 562
这是文档类型声明，告诉浏览器这是一个 HTML文档。这是 HTML 文档的根元素，lang="en" 表明文档的主要语言是英语。
基于HTML、CSS和JavaScript的滚动数字显示效果，类似于老式计数器或电子表上的数字滚动效果
2201_76060199的博客
09-29 1138
这段代码创建了一个数字滚动显示效果，用户可以通过输入框输入金额，或点击按钮生成随机数字，金额数字会以滚动的方式显示。CSS负责布局和样式，JavaScript负责动画效果和逻辑处理。代码中多次使用了相同的IDcounter，这在实际开发中是不推荐的，ID应该是唯一的，这里可能是为了简化示例而重复使用。
前端编程艺术（1）---HTML
lys20221113242的博客
09-30 1003
HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页的标准标记语言。它描述了一个网站的结构骨架，使得浏览器能够展示具有特定格式的文本、链接、图片和其他内容。：主体元素，包含可见的页面内容，如文本、图片、视频、游戏、可播放的音频等。：头部元素，包含元信息，如字符集、页面标题、样式表链接、脚本链接等。标签：HTML标签用于标记文本，以便浏览器知道如何渲染它们。属性：提供关于元素的额外信息，通常在开始标签中规定。：根元素，包裹所有其他HTML元素。
HTML中的padding和margin
学无止境
09-27 868
作用增加元素内部的空间，使内容不显得过于拥挤。可以用来突出元素的重要性或增加视觉层次感。语法（分别对应上、右、下、左的内边距值为 10 像素和 20 像素）。也可以使用缩写形式，如（四个方向内边距均为 10 像素）。示例假设一个<div>元素，设置了，那么这个元素内部的内容与边框之间就会有 20 像素的距离。二、Margin（外边距）Margin 是指元素边框与相邻元素之间的距离。它用于控制元素之间的间隔。作用分隔不同的元素，使页面布局更加清晰。可以用来调整元素在页面中的位置。语法。
【CSS/HTML】左侧固定，右侧自适应的布局方式理解margin负值理论
mengran_code的博客
09-29 684
简单解释下flex: 0 0 200px的用处，flex属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。如果一个项目的flex-grow属性为2，其他项目都为1，则前者占据的剩余空间将比其他项多一倍。它的默认值为auto，即项目的本来大小。如果一个项目的flex-shrink属性为0，其他项目都为1，则空间不足时，前者不缩小。flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。是固定宽度的div脱离文档流。
【工欲善其事】巧用 Sublime Text 生成带格式的 HTML 片段
PeacefulWinter的博客
09-30 1166
本文介绍了 Sublime Text 自定义代码片段的操作技巧，非常适合需要快速输入一系列高度格式化的文本内容。配合大量截图，可以快速掌握该技巧，提升日常工作效率。
关于HTML 案例_个人简历展示02
Dingyuan0的博客
09-29 1185
展示效果 用table进行布局 label 标签进行关联 例如：点姓名就可以到text中去填写内容 input的使用 text 文本框 select与option 选择框 checkbox 复选框 textarea ul与li 无序列表 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conte
DOM Comment: Understanding the Power of HTML Comments in Web Development
wjs2024的博客
09-30 690
【代码】DOM Comment: Understanding the Power of HTML Comments in Web Development。
好玩的水表电表
lulei5153的博客
10-01 1047
【代码】好玩的水表电表。
两个圆形 一个z里面一个z外面，z里面的大，颜色不同 html
jonathan_joestar的博客
09-27 453
* 两个圆形 一个z里面一个z外面，z里面的大，颜色不同 html */两个圆形 一个z里面一个z外面，z里面的大，颜色不同 html。/* 外圆的颜色 *//* 内圆的颜色 */
HTML流光爱心
兔子王
09-29 2419
HTML语言实现红蓝色流光爱心效果的完整代码。
【HTML|第1期】HTML5视频（Video）元素详解：从起源到应用
Commas的博客
09-27 1246
在当今的互联网世界，视频内容占据了极大的比重。无论是教育、娱乐还是信息传播，视频都是一个不可或缺的部分。而 HTML5 的 元素，就像一把万能钥匙，让开发者能够轻松地在网页上嵌入和播放视频。今天，我们就来一起探索 元素的奥秘。
html空单元格的占位
qq_17328759的博客
09-30 276
通过指定不为空的单元格所占表格宽度比例，实现空单元格的占位
HTML的介绍
2401_84214299的博客
10-03 500
form标签,描述了要把数据按照什么方式,提交到那个页面中. input标签,各种输入控件,单行文本框,按钮,单选框,复选框. type(必须有),取值种类很多,button,checkbox,text,file,image,password等. name:给input起了个名字,尤其是对于单选按钮,具有相同的name才能多选一.value:input中的默认值.checked:默认被选中.div标签,division的缩写,含义是分割 span标签,含义是跨度.用于网页布局的两个标签.
理解CSS布局：块状元素与内联元素
内联元素，如`a`标签，主要用于展示文本内容，它们可以与其他内联元素在同一行内并排显示，但不能设置宽度和高度。内联元素之间的空间由其内容决定，不会自动换行。常见的内联元素包括`span`、`em`、`strong`和`a`等...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值