本节简介:本节课主要详细介绍块级、行级、行块级三种区块的应用以及转换方法。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
标签 a span b i 显示一行 <br>标签 块元素:div h1-6 ul ol li dl dt dd p 行元素:span a strong b em i font 行转快元素
行级块元素:1代表标签:image input 2.共同显示在一行,默认的宽度等于子集元素的宽度,能够任意定义宽高。3.通过display:inline-block转为块级元素
行级元素:1代表标签:span a strong b em i font 2.特性:共同显示在一行,默认的宽度等于子集的宽度,不能定义宽高。任何元素都可通过【display:inline】转为行元素,转换后具备行元素的所有特性
visibility;hidden;(设置可见性),,opacity:0-1(设置不透明度)
display:block;(独立设置显示一行),,display:inline-block link;(显示在一行且不影响下面的布局),,
04:10代码标签总结,div h1- h6 ul ol li dt dd p(能够独立显示一行,默认宽度等于父级宽度) ,,span a strong b em i font (共同显示在一行,不能定义宽高),, image input (共同显示在一行,能够任意定义宽高)
display:inline-block link显示在一行且不影响下面的布局
如果想让行级元素具备块级元素的特性 可以加个 display block 转换成行级元素display:inline 转换成行级块级元素加个 display:inline-block
块级元素 代表标签 div h1-h6 UI OI li dl dt dd p 特性能够独立显示一行 行级元素 代表标签 span a strong b em i font 特性共同显示一行 行级块元素 代表标签 image input 特性共同显示在一行