本节简介:讲解行元素、块元素和行级块元素的特性及相互转换的方法,以及隐藏属性的应用。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
display:inline-block 转换为行级块元素
display:block 行级元素转换为块级元素
通过display:block转换为块元素,通过display:inline转换为行元素
行级元素span a strong b em i font 不能定义宽高
块级元素:div h1-h6 ul ol li dl dd dt
块级元素可以定义宽高,行级元素inline不能定义宽高,行级块元素可以定义宽高 inline-bolck
块元素(div h1-h6 ul ol dl dt dd p)独立显示一行,能够任意定义宽高 行元素(span a strong b em i font)共同显示一行,不能定义宽高
input 表单的输入字段 display:none 隐藏显示
三种不同类型的区块 块级元素 能独立显示一行 默认宽高等于父级宽高 能够任意定义宽高 行级元素 默认的宽度等于子集的宽度 不能定义宽高 行级块元素 共同显示在一行 默认的宽度等于子集元素的宽度 能够任意定义宽高 display:line行 block 块 inline block 行级块元素
display:block转换为块元素 display:inline 转换为行元素 display:inline-block 转换为行级块元素
块级元素,行级元素,行级块元素。display,inline,block