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

文章目录


一、前言🚀🚀🚀

☀️

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


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


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

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

2.1 什么是元素显示模式

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

2.2 块元素

注意事项:

2.3 行内元素


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

2.4 行块元素

2.5 元素显示模式的转换

行元素改为块元素:

块元素改为行元素:

三、总结🚀🚀🚀

相关推荐
simon_luv_pho11 分钟前
一行代码把网页变成 AI Agent?
前端
兆子龙19 分钟前
模块联邦(Module Federation)详解:从概念到手把手 Demo
前端·架构
ZFSS21 分钟前
Kimi Chat Completion API 申请及使用
前端·人工智能
没想好d22 分钟前
通用管理后台组件库-8-表格组件
前端
前端Hardy27 分钟前
HTML&CSS&JS:打造丝滑的3D彩纸飘落特效
前端·javascript·css
前端Hardy27 分钟前
HTML&CSS&JS:丝滑无卡顿的明暗主题切换
javascript·css·html
布列瑟农的星空1 小时前
rsbuild mock 插件开发指南
前端
用泥种荷花1 小时前
【LangChain.js学习】 文档加载(Loader)与文本分割全解析
前端
cxxcode2 小时前
Vite 热更新(HMR)原理详解
前端
HelloReader2 小时前
Tauri 架构从“WebView + Rust”到完整工具链与生态
前端