本节简介: 本节课主要详细介绍块级、行级、行块级三种区块的应用以及转换方法。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
行级块元素:1.标签:image input;2.特性:共同显示在一行,默认的宽度等于子集元素的宽度,能够任意定义宽高;3.通过【display:inline-block】转为行级块元素。
块级元素:1.代表标签:div h1-h6 ul ol li dl dt dd p;2.特性:能够独立显示一行,默认的宽度等于父级宽度,能够任意定义宽高;3.任何元素都可以通过【display:block】转为块元素。行级元素:1.标签:span a strong b em i font;2.特性:共同显示在一行,默认的宽度等于子集元素的宽度,不能定义宽高;3.通过【display:inline】转为行级元素;
如文字区域设置宽高,超出部分,overflow-x (y)( 溢出 ):hidden scroll(卷纸)滚动条 auto自动(在没超出时不加,超出后自动加滚动条
display,none时,会消失掉9(位置也会消失) visibilty可见性hidden隐藏(位置不会消失)
行块元素imgage input等,共同显示在一行,也能定义宽高,转换为行块元素:display:inline-block
行级元素span a strong b em i ont,共同显示在一行,不可定义宽高,用display:block,转换成块级元素
块级元素:div h1-h6 ol li di dt dd等,能独立显示一行,可定义宽高,转行级元素用display;line转化行级元素
行级元素转块级元素:添加{display:block}
如果内容超过框架overflow-x(y):hidden影藏内容 scroll加滚动条 auto自动加滚动条 opacity:0-1设置透明度
display:none 原来的位置和内容影藏消失 visibility:hidden 影藏内容但位置还在
display 在属性里,文字上下居中,在文本属性里设置行高,行高为字中心到边距的距离
快级标签:div h1-h6 ul ol li dl dt dd p 转换:display:block 行级元素:span a shrong b em i font 转换:displayinline 行级块元素:image input 转换:display:inline-block
display: none 设置元素为隐藏,并且原有的位置消失;visibility:hidden 设置元素为隐藏,但是原有的位置还在;visibility:visity 设置元素为可见;
overflow-y:auto 将垂直方向上溢出的内容设置为根据区块显示滚动条