标签div的高度, 由其内部文档流元素的高度总和决定, 并不是相等. 文档流: 文档内部元素的流动方向. 如果文档内部是块级元素(block), 文档流布局方向就是从上到下布局, 一个块占据一行, 依次向下布局, 即使一个块宽度不足以达到总宽度. 内联元素(inline), 也…

将背景绘制范围设为padding-box，边框设置为透明色，即可实现效果。 上图多边框可使用 box-shadow 实现，有一个缺点就是只能设置实线。 box-shadow支持逗号分隔语法，我们 可以创建任意数量的投影。 如上图，如果只是需要两层边框，当然我们还可以使用outl…

众所周知，JavaScript 是一门弱类型语言，不对变量进行类型强制，变量可以随时持有任何类型的值，所以在 JavaScript 中，类型对于我们开发人员来说可以理解为值的内部特征，类型定义了值的行为，以使其能够区别于其他值。 JavaScript 中共有七种内置数据类型，包…

不久之前Firefox和Safari浏览器已经开始支持类似Photoshop的混合模式，但是在Chrome和Opera浏览器中需要添加前缀。举个栗子： 现在，你甚至可以在边框中使用渐变。 具体的例子可以看这里，或者看这里使用的是background-clip和backgroun…

这一次我想讲解一下HTML+CSS的两栏、三栏布局以及垂直居中的实现方式。因为个人所学有限所以可能不会罗列出所有的实现方法，不过我会继续努力查漏补缺。 先写出初始样式和结构。 右固定，左适应同理。 以上这些实现方式，虽然实现了但还不够好。因为main是主要的显示区域，所以我们应…

下来用几个例子说明下CSS的权重。 分析得出最后一个最大 权重为 320 覆盖上面所有的。 嵌套越多，权重就越大，除过!important，有important 还是人家最大 。 因为伪类的权重相当于类元素，故因为类元素的权重小于id元素的权重，所以下面这个设置：hover无效…

4. 完整代码：元素宽度已知，所有元素都在一个容器 本文由创宇前端作者授权发布，版权属于作者，创宇前端出品。文章链接：https://knownsec-fed.com/2018-12-13-css-lie-biao-xiang-bu-ju-ji-qiao/ 想要订阅更多来自知道…

声明位于HTML文档的第一行，处于标签之前。用来告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现 标准模式：排版和js运作方式都是以该浏览器支持的最高标准运行。 兼容模式：页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为…