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

文章目录


一、前言🚀🚀🚀

☀️

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


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


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

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

2.1 什么是元素显示模式

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

2.2 块元素

注意事项:

2.3 行内元素


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

2.4 行块元素

2.5 元素显示模式的转换

行元素改为块元素:

块元素改为行元素:

三、总结🚀🚀🚀

相关推荐
Wiktok2 分钟前
pureadmin的动态路由和静态路由
前端·vue3·pureadmin
devii662 分钟前
html.
前端
掘金安东尼6 分钟前
为什么浏览器要限制 JavaScript 定时器?
前端·javascript·github
学前端搞口饭吃10 分钟前
react context如何使用
前端·javascript·react.js
GDAL15 分钟前
为什么Cesium不使用vue或者react,而是 保留 Knockout
前端·vue.js·react.js
IT_陈寒17 分钟前
《Java 21新特性实战:5个必学的性能优化技巧让你的应用快30%》
前端·人工智能·后端
小谭鸡米花27 分钟前
uni小程序中使用Echarts图表
前端·小程序·echarts
芜青30 分钟前
【Vue2手录11】Vue脚手架(@vue_cli)详解(环境搭建+项目开发示例)
前端·javascript·vue.js
a别念m34 分钟前
前端架构-CSR、SSR 和 SSG
前端·架构·前端框架
BUG创建者5 小时前
html获取16个随机颜色并不重复
css·html·css3