本节简介:主要讲解块元素、行元素、行内块元素的特征及相互转换的方法
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
display :block 块集元素。display:inline 行集元素 display:inline-block行集块元素
行级块元素,代表标签:image input 共同显示在一行,默认的宽度等于子集元素的宽度,能够任意定义宽高。任何元素都可以通过display inline block 转为块级块元素,转换后具备行级块元素的所有特征。
行级块元素,是快元素和行元素的结合, 引入一张图,结束掉是按/。图片想要等比率缩放,width宽度设置一个值就可以了。不然图片会被拉伸 或者高度设置一下就也可以
行级元素 代表标签:span a strong b em i font 特性,显示在一行,默认的宽度等于子集元素的宽度,不能定义宽高,任何元素都可以通过 display inline 转为行元素,转换后具备行元素的所有特性
块级元素:代表标签 div h1-h6 ul ol li dl dt dd p 特性,能够独立显示一行,默认的宽等于父级宽度,能够任意定义宽高。
<dl><dt>水果分类</dt> <dd>苹果<dd><dd>香蕉<dd>
没有定义宽度,就等于浏览器的宽度,父级就是浏览器的窗口
没有定义宽度,就等于浏览器的宽度,父级就是浏览器的宽度
为什么老师加背景色不带分号可以显示 我的DW里面不加分号不可以显示div{ background:#cc3 }