元素显示模式

最新推荐文章于 2024-08-28 13:50:33 发布
最新推荐文章于 2024-08-28 13:50:33 发布
阅读量45 收藏
点赞数
分类专栏： # html+css+js 文章标签： html css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/y_k_j_c/article/details/129716835
版权
文章介绍了HTML中的块级元素、行内元素和行内块元素的显示特点，强调块级元素可设置宽高，而行内元素则不能。同时，提到了通过添加CSS的`display`属性可以转换元素的显示模式，例如将`span`元素转换为块级元素以设置宽高。
摘要由CSDN通过智能技术生成

在这里插入图片描述

块级元素

在这里插入图片描述
显示特点！
所有的块级标签
都可以设置高度和宽度

行内元素

在这里插入图片描述
显示特点！
不可以设置宽高

行内块

在这里插入图片描述
代表标签：input textarea 还有img！

显示模式的转换

在这里插入图片描述
加个属性
把对应其他显示特点的标签进行转换
！！！
比如

<span display=block width=...></span>

就可以设置宽和高了

小袁拒绝摆烂
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
CSS基础2-选择器进阶+背景属性+元素显示模式+三大特性
12-05
CSS基础-选择器进阶+背景属性+元素显示模式+三大特性 CSS基础选择器进阶： 在CSS中，选择器是用于选择HTML元素并应用样式的核心机制。选择器进阶是指在基础选择器的基础上，进一步学习和应用选择器的高级规则和...
Web前端与移动开发之复合选择器 css元素显示模式 背景属性.txt
07-30
2.css的元素显示模式 html元素一般分为块元素和行内元素 （1）块级元素 div p h1-h6 ul ol li ①独占一行 ②宽度 高度 外边距 内边距都可控制 ③宽度默认是容器（父级元素）100%的宽度 ④是一个容器及盒子 里面...
CSS中元素的显示模式
11-21
在CSS中，根据元素显示模式的不同元素标签被分为了两类:行内元素（inline-level）、块级元素（block-level）。 1，首先介绍什么是行内元素，什么又是块级元素？　 1.1，行内元素就是不会独占一行的元素，例如：span ...
day04（CSS02-选择器进阶+背景相关属性+元素显示模式+三大特性）.rar
12-01
在"day04（CSS02-选择器进阶+背景相关属性+元素显示模式+三大特性）"这个课程中，我们将深入探讨CSS选择器的高级用法，以及元素的背景设置、显示模式和CSS的三大特性。 首先，让我们来看看选择器进阶。基础的选择器...
CSS第02天（选择器进阶背景相关属性元素显示模式三大.emmx
08-22
CSS第02天（选择器进阶背景相关属性元素显示模式三大.emmx
HTML DOM 对象
lly202406的博客
08-23 453
HTML DOM对象是JavaScript与HTML文档交互的桥梁。通过DOM，开发者可以轻松地访问和操作页面元素，实现动态内容和交互功能。掌握DOM是前端开发的重要技能之一。
html快速入门
m0_52049533的博客
08-22 631
/
Java学习Day33：HTML 第四章：大战虎先锋（js）
weixin_51721783的博客
08-24 878
JS语句;
【React】React事件和HTML事件的区别
owo_ovo的博客
08-23 665
【React】React事件和HTML事件的区别
Vue: v-html安全性问题
q1003675852的博客
08-22 597
本文主要记录了Vue: v-html安全性问题及其解决方案。
传统前端入门 HTML
2301_78270736的博客
08-24 731
HTML（HyperText Markup Language）是一种标记语言，用于创建和结构化网页及其内容。它是构建网页的基础标准语言。
HTML静态网页成品作业(HTML+CSS)——个人介绍网页(1个页面)
最新发布
2301_78945238的博客
08-28 172
HTML静态网页成品作业(HTML+CSS)——个人介绍网页(1个页面)
HTML实现俄罗斯方块
m0_65134936的博客
08-21 866
这段代码展示了如何用JavaScript实现一个基础的俄罗斯方块游戏，支持基本的方块操作、行消除和游戏状态控制。可以在此基础上添加更多功能，比如计分系统、关卡设计等。这段代码使用HTML、CSS和JavaScript实现了一个简单的俄罗斯方块游戏，包含基本的游戏逻辑、行消除功能以及暂停和继续游戏的控制。对于编程新手或正在学习新知识的程序员，可以使用ChatGPT来做助手，减少出错性和重复性代码的时间。本篇文章有用到ChatGPT-4o代码纠错，国内可稳定使用，感兴趣的大佬试试。
Java学习Day31：HTML 第一章：观音禅院
weixin_51721783的博客
08-20 3330
单词> ：元素标签 ：首先中至少有两个单词，那第一个肯定是元素标签，元素标签后跟的都是属性标签。
扑捉一只耿鬼（HTML文件）
每一次跌倒都是为了华丽的站起来。
08-28 498
捕捉一只耿鬼
web开发html前端使用javascript脚本库JsBarcode生成条形码(条码)
qq445829096的博客
08-22 363
web开发html前端使用javascript脚本库JsBarcode生成条形码(条码)
HTML静态网页成品作业(HTML+CSS)——游戏战地介绍设计制作(4个页面)
2301_78945238的博客
08-21 1536
HTML静态网页成品作业(HTML+CSS)——游戏战地介绍设计制作(4个页面)
微信小程序wxml与标准的html的异同
hexadecimal_001的博客
08-23 433
微信小程序WXML（WeiXin Markup Language）与标准的HTML在构建前端界面时，既有相似之处，也存在明显的差异。
响应式Web设计：纯HTML和CSS的实现技巧
Min_nna的博客
08-21 730
响应式Web设计（Responsive Web Design，RWD）是指网站能够根据不同设备的屏幕大小和分辨率自动调整布局和样式，以提供良好的用户体验。通过运用上述技巧，可以有效地实现一个响应式的Web设计，使网站在各种设备上都能提供良好的用户体验。属性提供不同分辨率的图片。
css img标签显示模式
07-15
2. 块级显示模式：图片会作为块级元素显示，独占一行。可以设置宽度和高度来控制图片尺寸。 ```css img { display: block; width: 100%; height: auto; } ``` 3. 行内块级显示模式：图片会作为行内块级元素显示...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小袁拒绝摆烂

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值