本节简介:讲解小米5页面课堂案例,包含固定背景和文字排版,上标下标的制作方法等知识点
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
如果我们给子级加了一个margin值,它会默认的加给父级。解决办法:给父级添加一个属性overflow:hidden*
<sup></sup>上标 <sub></sub>下标
background-image和background是两种属性值
overflow:hidden溢出隐藏 将超出范围的元素隐藏掉 、清除给子集加了浮动之后的父级增加高度 、避免子集添加了margin-top属性之后给父集造成的影响(霸格) sup上标 sub下标
上标: <sup></sup> 下标:<sub></sub>
overflow:hidden 溢出隐藏 可以用来解决 margin paddding 的 bug
固定背景的属性是:background-atachment:fixed
背景图片:background:no-repeat center top; 中间 顶部对齐;background-image:url(图); sup上标标签 sub下标标签<br>溢出隐藏:1 将超出的元素隐藏掉 2给子集添加浮动的父级添加高度(给子集增加margin-top值的时候,会自动加给父级,那么给父级加overflow:hidden,就会消除给父级的影响);3避免子集添加margin-top属性之后 父级受影响