02 CSS块级元素和行内元素
2022/6/26 23:27:32
本文主要是介绍02 CSS块级元素和行内元素,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
02 CSS块级元素和行内元素
划分依据:根据标签内部可以存放的元素内容不同进行划分,它与CSS样式无关。
要先了解这个 得先了解 什么是容器级别的标签和文本级
?
容器级标签
什么是
容器级标签
?
- 内部可以存放任意内容,包括容器级标签。比如:
- p div h ul ol dl li dt dd
文本级标签
什么是
文本级标签
?
- 内部只能存放文字或者类似文字的内容。比如
- 存放图片、表单元素等
块级元素
什么是
块级元素
?
- 块级元素会独占一行
- 行内元素不会独占一行
行内元素
什么是
行内元素
?
- 不会独占一行
- 如果没有设置宽度, 那么默认和内容一样宽
- 行内元素是不可以设置宽度和高度的
行内块级元素
为了能够让元素既能够不独占一行, 又可以设置
宽度和高度
, 那么就出现了行内块级元素
这篇关于02 CSS块级元素和行内元素的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-26CSS入门指南:从零开始学CSS
- 2024-12-26CSS基础入门教程
- 2024-12-25CSS基础知识入门教程
- 2024-12-25CSS考点入门教程:掌握基础知识点
- 2024-12-25CSS考点解析:初学者必会的基础教程
- 2024-12-07uniapp动态设置不同的css有哪些方法?-icode9专业技术文章分享
- 2024-12-07UniApp 中,怎么通过 CSS 设置 view 组件的水平居中效果?-icode9专业技术文章分享
- 2024-12-06TailwindCSS开发入门教程
- 2024-12-06TailwindCSS项目实战:从入门到上手
- 2024-12-06TailwindCss项目实战:初学者指南