本节简介:主要讲解块元素、行元素、行内块元素的特征及相互转换的方法
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
display:inline,转换为行级元素,共同显示在一行,默认的宽度等于子集元素的宽度,不能定义宽高。不常用
ul,列表,ol,有序列表,dl,dt,dd一组的,
块级元素:div h1-h6 ul ol li dl dt dd p,能够独立显示一行,默认宽度等于父级宽度,能够任意定义宽高。
三种不同类型的区块及转换:h1-h6都是独立的方块,dl,dd,dt;ul:列表;ol:有序列表
img能够定义宽高,但是想要等比例缩放就只需定义一个值。
块元素特性:能够独立显示一行,默认的宽度等于父级宽度,能够任意定义宽度;行级元素:共同显示一行,默认的宽度等于子元素的宽度,不能定一宽高
行级块元素特性:可以在同一行,默认的宽度为子元素的宽度,能任意定义宽度 任意元素转换成块元素:display:block 任意元素转换成行级块元素:display:inline-block 宽高的等比例缩放:只宽或高
行级块元素特性:可以在同一行,默认的宽度为子元素的宽度,能任意定义宽度 任意元素转换成块元素:display:block 任意元素转换成行级块元素:display:inline-block 宽高的等比例缩放:只宽或高
行级元素:共同显示一行,默认的宽度等于子元素的宽度,不能定一宽高
块元素特性:能够独立显示一行,默认的宽度等于父级宽度,能够任意定义宽度
display :block 转换成块集元素。display:inline 转换成行集元素 display:inline-block转换成行集块元素
块级元素:1代表标签-div h1-h6 ul ol dl dt dd p