文章目录
- 一、前言🚀🚀🚀
- 二、CSS元素显示模式:☀️☀️☀️
-
-
- [2.1 什么是元素显示模式](#2.1 什么是元素显示模式)
- [2.2 块元素](#2.2 块元素)
- [2.3 行内元素](#2.3 行内元素)
- [2.4 行块元素](#2.4 行块元素)
- [2.5 元素显示模式的转换](#2.5 元素显示模式的转换)
-
- 三、总结🚀🚀🚀
一、前言🚀🚀🚀
☀️
回报不在行动之后,回报在行动之中。
这个系列可以叫作《前端从零开始系列》,因为我打算就是花一个周期时间,来过一遍CSS+JS个人觉得笔记重点且常见的知识点,并且总结起来,如这一篇CSS选择器,归纳各类选择器,将是这个系列的开篇之作。为了方便前端CSS3样式与JS知识的总结,请期待这个系列的更新吧。
二、CSS元素显示模式:☀️☀️☀️
首先需要了解what(是什么)、分类、转换。
2.1 什么是元素显示模式
HTML元素一般分为块元素和行内元素两种类型,块模式如下图:如果是一个盒子独占一个屏幕,用块元素合适一些。
2.2 块元素
注意事项:
2.3 行内元素
如下图:a标签里面放个块元素。
2.4 行块元素
2.5 元素显示模式的转换
行元素改为块元素:
块元素改为行元素: