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

文章目录


一、前言🚀🚀🚀

☀️

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


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


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

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

2.1 什么是元素显示模式

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

2.2 块元素

注意事项:

2.3 行内元素


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

2.4 行块元素

2.5 元素显示模式的转换

行元素改为块元素:

块元素改为行元素:

三、总结🚀🚀🚀

  

  

  

相关推荐
yuanyxh1 小时前
macOS 应用 - 纯对话生成
前端·macos·ai编程
大家的林语冰1 小时前
ES5 凉凉,Babel 8 正式发布,默认不再编译为 ES5 和 CJS......
前端·javascript·前端工程化
光影少年3 小时前
react批量更新、同步/异步更新场景
前端·react.js·掘金·金石计划
假如让我当三天老蒯3 小时前
模块化:ES Module 与 CommonJS 的区别
前端·面试
用户40950115773173 小时前
Private Forge v2.0 发布:12大前端业务场景技能系统
前端
weedsfly4 小时前
异步编程全景与事件循环——彻底搞懂 JS 执行机制
前端·javascript
用户059540174464 小时前
AI Agent记忆测试踩坑实录:Mock骗了我一周,Mem0+pytest一招破局
前端·css
用户1733598075374 小时前
纯前端 PDF 数字签名实战:Vue 3 + pdf-lib 在浏览器里完成签名嵌入
前端·javascript
IT_陈寒4 小时前
SpringBoot自动配置的坑,我爬了三天才出来
前端·人工智能·后端
Avan_菜菜11 小时前
AI 能写代码了,为什么我反而开始要求它先写文档?
前端·github·ai编程