【前端CSS3】CSS显示模式(黑马程序员)

文章目录


一、前言🚀🚀🚀

☀️

回报不在行动之后,回报在行动之中。


这个系列可以叫作《前端从零开始系列》,因为我打算就是花一个周期时间,来过一遍CSS+JS个人觉得笔记重点且常见的知识点,并且总结起来,如这一篇CSS选择器,归纳各类选择器,将是这个系列的开篇之作。为了方便前端CSS3样式与JS知识的总结,请期待这个系列的更新吧。


二、CSS元素显示模式:☀️☀️☀️

首先需要了解what(是什么)、分类、转换。

2.1 什么是元素显示模式

HTML元素一般分为块元素和行内元素两种类型,块模式如下图:如果是一个盒子独占一个屏幕,用块元素合适一些。

2.2 块元素

注意事项:

2.3 行内元素


如下图:a标签里面放个块元素。

2.4 行块元素

2.5 元素显示模式的转换

行元素改为块元素:

块元素改为行元素:

三、总结🚀🚀🚀

相关推荐
Moment15 分钟前
Cursor 2.0 支持模型并发,我用国产 RWKV 模型实现了一模一样的效果 🤩🤩🤩
前端·后端·openai
狂炫冰美式24 分钟前
QuizPort 1.0 · 让每篇好文都有测验陪跑
前端·后端·面试
咋吃都不胖lyh44 分钟前
.docx 和 .doc 是 Microsoft Word 文档的两种主要文件格式
前端·html·xhtml
哈乐1 小时前
网工应用题:配置命令补全类题目
服务器·前端·网络
uuai1 小时前
echarts不同版本显示不一致问题
前端·javascript·echarts
AKclown1 小时前
基于Monaco的diffEditor实现内容对比
前端·vue.js·react.js
摆烂工程师1 小时前
(2025年11月)开发了 ChatGPT 导出聊天记录的插件,ChatGPT Free、Plus、Business、Team 等用户都可用
前端·后端·程序员
gongzemin2 小时前
使用阿里云ECS部署前端应用
前端·vue.js·后端
用户41180034153412 小时前
Flutter课题汇报
前端
环信2 小时前
实战教程|快速上线音视频通话:手把手教你实现呼叫与接听全流程
前端