本节简介: 主要讲解块元素、行元素、行内块元素的特征及相互转换的方法
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
span{ background:颜色; width:宽度; height:高度; display:block;} 转换为块级元素
行级元素 <span> </span> <a> </a>显示在一行
<dl> <dt>标题</dt> <dd>分类</dd> </dl>
<ol> <li> </li> </ol> 有序列表
div {background:颜色; width:宽度;」
img{}给图片设置尺寸 如果要按比例缩放 只要设置一个值就可以。宽度或者是高度都可以,不需要设置两个值
行级块元素转换:任何元素都可以通过[display:inline-block]转为行级块元素,转换后具备行级块元素的所有特性。
行级块元素特性:共同显示在一行,默认的宽度等于子集元素的宽度,能够任意定义宽高
块级元素:div、h1-h6、ul、 ol、 dl、 dt、 dd、 p 特征:能够独立显示一行,默认宽度等于父级宽度,能够任意定义宽高 转换:任何元素都可以通过displayblock转换为块级元素,转换后具备块元素的所有特性 行级元素:span a strong b em i font 特性:共同显示在一行,默认的宽度等于子集元素的宽度,不能定义宽高 转换:displayinline 行级块元素 代表标签:image input 特性:共同显示在一行,默认的宽度等于子集元素的宽度,能够
块级标签:div h1-h6 ul ol dl dt dd p 特性:能够独立显示一行,默认的宽度等于父级宽度,能够任意定义宽高。 转换“任何元素都可以通过【display block】转为块元素,转换后具备块元素所有特性
列表标签 外层ul 里面每层是li 有序列表外层ol 里面每层是li 自定义列表外层dl 里面是dt是大分类 dd是小分类
span同一行 里面用a显示,行级元素不能定义宽高,转成块元素就能定义,只要添加display:block,转成行元素加个display:inline. 行级块元素image input ,等比例缩放图片只要设置一个值 如宽多少或高多少,display inline-block转化行块元素,display-none 隐藏不显示
span同一行 里面用a显示,行级元素不能定义宽高,转成块元素就能定义,只要添加display:block,转成行元素加个display:inline. 行级块元素image input ,等比例缩放图片只要设置一个值 如宽多少或高多少,display inline-block转化行块元素,display-none 隐藏不显示
ul无序列表 ol是有序列表 里面都用li dl 里面用dt分类小标题 dd分类项目