本节简介:主要讲解块元素、行元素、行内块元素的特征及相互转换的方法
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
块级元素转变为行级元素 display:inline
行级元素不能定义宽高。只能通过display:block转换为块级元素
块元素独门显示一行,能定义宽高;行元素共同显示一行,不能定义宽高;行级块元素是行元素与块元素结合,即能定义宽高,也能共同显示一行; display:none将元素隐藏的作用
显示属性display display:block转换为块元素; display:inline转为行元素;display :inline--block;转为块级元素。 (等比例缩放只需定义一个值,如:with:100PX)
<ul> <li></li> </ul> <ol> <li> </li> </ol>
行级块元素 image input 通过display :inline--block;转为行级块元素
行级块元素 image input 通过display :inline--block;转为块级元素。
display:none;元素隐藏 span a转为块元素display:block;
<ul> <li></li> </ul> <ol> <li> </li> </ol>
<ul><li></li></ul> <ol><li></li></ol> <dl><dd></dd></dl>
display:block 行转块display:inline-liine-block转化为行级块元素
行级元素,没法定义宽高,这能被撑开,硬伤;块级元素,可以定义宽高.
display:inline-block转换为行级块元素