摘要: 一、常见定位方案 在讲 BFC 之前,我们先来了解一下常见的定位方案,定位方案是控制元素的布局,有三种常见方案: 普通流 (normal flow) 在普通流中,元素按照其在 HTML 中的先后位置至上而下布局,在这个过程中,行内元素水平排列,直到当行被占满然后换行,块级元素则会被渲染为完整的一个新 阅读全文
posted @ 2020-08-14 22:21 webpon 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 概述 许多的web开发者不了解给html与body元素设置样式有什么不一样,大多数时候开发者只是给body设置样式,当不起作用的时候,他们会把所有的样式都加到html与body元素上,直到出现觉得符合他们的期望的效果了,但是他们并不知道样式是在谁的身上起了作用。 出现这种混乱的情况是可以理解的,因为 阅读全文
posted @ 2020-08-14 22:04 webpon 阅读(761) 评论(1) 推荐(1) 编辑
摘要: 元素的层级 1.下面的盖住上面的元素 2.z-index大的盖住z-index小的 3.父元素的z-index再大也盖不住子元素 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="te 阅读全文
posted @ 2020-08-14 17:14 webpon 阅读(195) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-08-14 15:56 webpon 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 一、DOM元素的获取(连style这个标签也可以获取)1)document.getElementsByClassName ( “class”)返回集 htmlcollection ,用法和数组一致说明: class为DOM元素上class属性的值2)document.getElementById( 阅读全文
posted @ 2020-08-14 12:54 webpon 阅读(296) 评论(0) 推荐(0) 编辑