摘要：
前言 在有些 css 相互影响作用下，对元素设置的 z-index 并不会按实际大小叠加，一直不明白其中的原理，最近特意查了一下相关资料，做一个小总结。 层叠上下文与层叠顺序 层叠上下文（stacking content）是 html 中的三维概念，也就是元素z轴。层叠顺序（stacking ord 阅读全文
摘要：
概览 在dom里面有几个描述盒子位置信息的值， pading border margin width height client clientWidth 不要border clientHeight 不要border offset offsetTop offsetLeft offsetWidth 要b 阅读全文
摘要：
1.图片向下撑大3像素问题 在一个盒子里面放一张图片，默认情况下，图片会向下撑大3像素，有以下几种解决方法： 1.1给图片添加display:block； 1.2给图片添加float:left； 1.3 给图片添加vertical-align:middle; 1.4 给他的父元素加font-size 阅读全文
摘要：
前言 也许有人会说，都快 2019 年了怎么还读 css2.1 规范。一方面，现在最新的 css （core） 规范是 CSS2.2（以下截图来自 https://www.w3.org/TR/CSS/ ），又因为 CSS2.1 有中文的版本，并且和 CSS2.2 规范差异性不是很大，基于偷懒的目的最 阅读全文
摘要：
引言 问题：css 文件分离 != css 作用域隔离 看下这样的目录结构： ├── src │ ├──...... # 公共组件目录 │ ├── components # 组件 │ │ └──comA # 组件A │ │ ├──comA.js │ │ ├──comA.css │ │ └── ind 阅读全文
摘要：
作为一个前端开发，在浏览别人家的页面时总是会习惯性的查看他们页面的源码，发现大多数网站的页面，包括我自己写的页面中用到的最多的布局元素无外乎就是div、p、span、ul、dl、ol、li、dt、dd、strong、b，不管是什么样的效果都是由这些元素组成，现在都已经是9102年了，html5已经相 阅读全文
摘要：
什么是 DOM ? DOM(文档对象模型)是针对于xml但是扩展用于html的应用程序编程接口，定义了访问和操作html的文档的标准。 W3C文档对象模型是中立于平台和语言之间的接口，它允许程序和脚本动态的访问和更新文档的内容、结构、样式。总之HTML是关于如何获取、修改、添加和删除HTML元素的标 阅读全文
摘要：
瀑布流 又称瀑布流式布局，是比较流行的一种网站页面布局方式。即多行等宽元素排列，后面的元素依次添加到其后，等宽不等高，根据图片原比例缩放直至宽度达到我们的要求，依次按照规则放入指定位置。 为什么使用瀑布流 瀑布流布局在我们现在的前端页面中经常会用的到，它可以有效的降低页面的复杂度，节省很多的空间，对 阅读全文
摘要：
在html标签中定义属性，需要时可以读取属性的值，这类属性称为数据属性 定义数据属性 命名规则是data-<属性名称> 例如 <div id="message" data-text="hello,world" ></div> <button onclick="read()">submit</butt 阅读全文
摘要：
1.伪元素+transform:translateX(-100%); 主要原理是设置文本居中text-align: center;，然后给定两个伪元素，分别绝对定位，那么此时伪元素也是跟随着水平居中的，设置足够的宽度，然后把左边的往左位移100%就可以了，父级记得超出隐藏。 具体实现如下 html结 阅读全文