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

文章目录


一、前言🚀🚀🚀

☀️

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


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


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

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

2.1 什么是元素显示模式

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

2.2 块元素

注意事项:

2.3 行内元素


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

2.4 行块元素

2.5 元素显示模式的转换

行元素改为块元素:

块元素改为行元素:

三、总结🚀🚀🚀

  

  

  

相关推荐
世界哪有真情25 分钟前
AI 写代码两年多,我发现自己越来越"看不进去"了
前端·后端·ai编程
星栈26 分钟前
被 Rust async 纠正的三个异步认知
前端·后端·rust
前端_刘师兄39 分钟前
前端开发工程师转FAE工程师路线规划
前端
禁止摆烂_才浅40 分钟前
前端 AI 面试题
前端·面试·ai编程
程序员老赵42 分钟前
Docker 部署 ZLMediaKit:轻松搭建高性能流媒体服务平台
前端·javascript·后端
Liora_Yvonne44 分钟前
为什么每次发版,总有用户看到白屏?
前端
风月说与山鬼1 小时前
四、浏览器存储
前端·vue.js
hunterandroid1 小时前
[Android 从零到一] ViewPager2 与 Fragment 生命周期协同:从预加载到状态一致性
android·前端
cindershade1 小时前
别盯着 dist:Vite 应用的下载与执行成本治理闭环
前端
拾年2751 小时前
前后端分离开发,别再"傻等"后端接口了——聊聊前端接口工程
前端·javascript·react.js