#概述
在HTML中,有很多元素(与:“HTML标记”相同),可以分为三类,即块级元素、内联元素(与:“内联元素”相同)和块级内联元素(与:“内联块元素”相同)。
你真的了解这些元素吗?
让我们来看看这三种元素的特点。
#块级元素。
一.特点
1.每个块级元素都从新的一行开始显示(块级元素只有一行)。
2.元素的宽度、高度、填充、边框和边距可以随意设置。
3.网页中块级元素占据的区域=内容区域内的填充和边框外的边距。
4.如果块级元素本身未设置宽度,则宽度=父元素宽度-元素的左右外边缘-元素的左右边框-元素的左右内边缘。
5.如果没有为块级元素设置填充和边框,则填充和边框的值为0。
6.如果没有为块级元素设置宽度和外部边距,则边距的值为0,宽度为100%(即与父元素的宽度一致)。
7.当设置了块级元素的宽度但未设置外边距时,左外边距的值为0。
8.当设置块级元素的宽度时,不设置填充和边框,同时设置margin: 0 auto,左右外边缘平均划分父元素的宽度-该元素宽度留下的空间。
9.块级内联元素不受父元素的行高及其垂直对齐的影响。
二.将非块级元素转换成块级元素的方法
1 .显示:块
2 .向左或向右浮动:
3 .位置:绝对或固定。
4.父元素使用display:flex,子元素成为块级元素。
三.常见块级元素
,
...
,#内嵌元素
一.特点
1.当父元素的宽度足够放下多个内联元素时,可以在一行中显示多个内联元素,否则,不能放下的内联元素将在新的一行中开始(多个内联元素将存储在一行中)。
2.内联元素的宽度和高度由元素的内容打开。
3.内联元素的宽度/高度/填充-顶部/边框-顶部/边距-顶部/边距-底部的设置无效。
4.如果未设置填充/边框/边距,则全部为0。
5.内联元素受父元素的行高及其垂直对齐的影响。
二.将非内联元素转换成内联元素的方法
使用display:inline。
三.常见内联元素
,
,,
#块级内联元素。
一.特点
1.当父元素足够宽,可以放下多个块级内联元素时,可以在一行中显示多个块级内联元素,否则,不能放下的块级内联元素将在新的一行中开始(多个块级内联元素将存储在一行中)。
2.块级内联元素的宽度、高度、填充、边框和边距可以随意设置。
3\.如果没有设置块级内联元素的宽度和高度,它们将被元素的内容扩展。
4.块级内联元素受父元素的行高及其垂直对齐方式的影响。
二.将非内联元素转换成内联元素的方法
使用display:inline内联块。
三.常见内联元素
* * *
网络前端的二叉查找树。
web前端有哪些js框架?
网页重构是如何工作的?
Webpack优化了构建速度。
Webpack优化了构建速度。