本节简介:主要讲解块元素、行元素、行内块元素的特征及相互转换的方法
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
display: block 转块级 display: inline 转行级
行级块元素 显示在一行,可以定义宽高 img input display:inline-block none将元素隐藏
行级元素 共同显示一行 不能定义宽高 span a strong display:block块级元素 inline行级元素
块级元素 独立显示一行,可改变大小
无序列表
有序列表(有数字)
- 小分类标题
行级块元素display:inline-block
img,如果想要等比例缩放的话就只用设置1个值就可以了,不然就会变形
如果想要div转换成一行,就是display:inline;加入之后就变成行级元素了,前的的宽高就不起作用了
任何元素可以通过dixplay:block转换为块元素,转换后具备块元素的所有特性
行级元素要想定义宽高,就要把转成块级元素,任何元素都可以通过行级元素转让块级元素,通过dixplay:block
行级元素,span a strong b em i font,特性,共同显示在一行,默认的宽度等于子集元素的宽度,不能定高宽高
外层ul,里面每一行都是li; ul都是小点,都是无序列表,ol都是有序列表; dl是自定义列表,有两个组面原素,第1个是dt和dd,dt是没有首行缩进的,dd是有首行缩进的;,dl也是块级元素,span也是跟div一样;