居中相关 text-align:center; 让元素的文本内容居中, 让元素里面的行内元素自身和行内块元素自身居中margin:0 auto; 让块级元素自身居中 元素定位 静态定位相对定位绝对定位固定定位浮动定位 静态定位 默认的定位方式, 也称为文档流定位格式: position:static特点: 元素以左上为基准,块级元素从上往下依次排列, 行内元素从左向右依次排列 ,无法实现层叠效果如何控制元素的位置? 通过外边距 相对定位 格式: position:relative特点: 可以实现层叠效果, 元素不脱离文档流(不管元素显示到什么位置 仍然占着原来的位置)如何控制元素的位置? 通过left/right/top/bottom让元素相对于初始位置做偏移应用场景: 当需要移动某个元素而其它元素不受影响时使用(元素位置微调) 绝对定位 格式: position:absolute特点: 可以实现层叠效果, 元素脱离文档流(不占原来的位置)如何控制元素的位置? 通过left/right/top/bottom让元素相对于窗口或某一个上级元素做位置偏移,如果需要相对于某个上级元素,必须给上级元素设置为相对定位应用场景: 当需要网页面中添加一个元素, 这个元素不影响其他元素的显示位置时使用绝对定位 固定定位 格式: position:fixed;特点: 元素固定在窗口的某个位置, 元素脱离文档流如何控制元素的位置? 通过left/right/top/bottom让元素相对于窗口做位置偏移应用场景: 当需要将元素固定在窗口某个位置时使用 浮动定位 格式: float:left/right特点: 元素脱离文档流, 从当前所在行向左或向右浮动,当撞到上级元素边缘或其他浮动元素时停止.浮动元素一行装不下会自动换行, 换行时有可能被卡住当元素的所有子元素全部浮动时,自动识别的高度为0,后面的元素会顶上来出现显示异常,给元素添加overflow:hidden解决应用场景: 当需要将纵向排列的元素改成横向排列时使用 10班项目峰会

#腾讯会议：594-377-417 密码666666

显示层级z-index 当元素修改定位方式时,会出现元素层叠的问题, 通过z-index可以控制层叠的元素谁显示在上面 谁显示在下面必须改了定位方式之后z-index样式才会生效z-index值越大显示层级越靠前 溢出设置Overflow visible(默认): 超出部分显示hidden: 超出部分隐藏scroll: 超出部分滚动显示

周末页面要求:

随便找一款网站的页面, 仿做一遍通过 苍老师文档服务器中的 FastStone Capture 工具 截图在页面的最下方 比较明显的地方 写上中心名和作者名

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。