本节简介:本节课主要详细介绍块级、行级、行块级三种区块的应用以及转换方法。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
display:block 将行级元素转为块级元素
想保持原来的位置,缺想把内容给隐藏掉,<display>-<visibility>-<hidden>
超级链接想要增加区块,变成块级标签,CSS中属性-布局<display>-<block>
<span><a><strong> <b><em><i><font>都是行里面的元素,以字体为单位区分区域,并不会转行,只覆盖字体
<div><h1-h6><ul><ol><li><dl><dt><dd><p>都是块标签,都会显示到一行,区域标签
opacity:透明度,值是取0-1,0是全部没有,但位置保留,1是全部显示。
visibility:hidden,元素消失,位置保留。
display:none的时候元素是消失的。将元素隐藏。
visibility:hidden内容隐藏但内容所在的位置仍保留
display转化元素,inline行级元素,block块级元素
行级块元素:代表标签:image input特性:共同显示在一行,默认的宽度等于子集元素的宽度,能够任意定义宽度
行级元素:代表标签:span a strong b em i font特性:共同显示在一行,默认的宽度等于子集元素的宽度,不能定义宽高
块级元素:代表标签:div h1-h6 ul ol li dl dt dd p特性:能够独立显示一行,默认的宽度等于父级宽度,能够任意定义宽度
标签 a span b i 显示一行 <br>标签 块元素:div h1-6 ul ol li dl dt dd p 行元素:span a strong b em i font 行级块元素
display-none元素消失,位置也消失 visiabillity:hidden 元素消失,位置还在
disply:inline; font-size:16px ;