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

文章目录


一、前言🚀🚀🚀

☀️

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


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


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

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

2.1 什么是元素显示模式

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

2.2 块元素

注意事项:

2.3 行内元素


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

2.4 行块元素

2.5 元素显示模式的转换

行元素改为块元素:

块元素改为行元素:

三、总结🚀🚀🚀

相关推荐
玫城4 小时前
[ VUE ] 封装通用数组校验组件,el-input内使用
前端·javascript·vue.js
南半球与北海道#8 小时前
前端打印(三联纸票据打印)
前端·vue.js·打印
董世昌419 小时前
深入浅出 JavaScript 常用事件:从原理到实战的全维度解析
前端
满栀5859 小时前
分页插件制作
开发语言·前端·javascript·jquery
qq_406176149 小时前
深入剖析JavaScript原型与原型链:从底层机制到实战应用
开发语言·前端·javascript·原型模式
开开心心_Every10 小时前
免费窗口置顶小工具:支持多窗口置顶操作
服务器·前端·学习·macos·edge·powerpoint·phpstorm
闲蛋小超人笑嘻嘻10 小时前
Vue 插槽:从基础到进阶
前端·javascript·vue.js
梦65010 小时前
Vue2 与 Vue3 对比 + 核心差异
前端·vue.js
tiandyoin11 小时前
给 MHTML 添加滚动条.mhtml
前端·chrome·html·mhtml
遗憾随她而去.11 小时前
前端大文件上传(切片并发/断点续传/秒传/WebWorker 计算Hash) 含完整代码
前端