定义简洁的CSS规则：CSS的每条规则中都包含了规则的属性及属性值。定义简洁的CSS规则主要是指合并相关规则和定义简洁的属性值。
//缺省协议的使用，代表资源访问的协议和当前页面保持一致，如果当前页面是http ，采用http协议访问，如果是https，则使用 https 协议访问。这样用就不管是http还是升级到https都不用改动代码,现在很多CDN资源都是这样引用。一般使用在内链中，外链的协议头具有不确定性的原因。
很多网站都是习惯使用来代表小图标？而实际上用 元素做图标在语义上是不正确的（虽然看起来像 icon 的缩写），那么用表示小icon，是出于好记的原因吗,还是看上去有点像icon?这样不是违背了语义化的原则吗?
PostCSS 本身是一个功能比较单一的工具。它提供了一种方式用 JavaScript 代码来处理 CSS。它负责把 CSS 代码解析成抽象语法树结构（Abstract Syntax Tree，AST），再交由插件来进行处理。
我们从最开始讨论如何浮动，以及他们在基本层级是如何工作的，然后是如何设置元素的浮动来影响元素所涉及的盒子边框，让你找出怎么样工作才能根据你想的那样获得边距。
css3作为页面样式的表现语言，增加了很多新的属性，但是部分css3属性在一些浏览器上还处于试验阶段，所以为了有效的显示css3的样式，对应不同的浏览器内核需要不同的前缀声明。
在移动端web开发过程中，如果你对边框设置border：1px，会发现，边框在某些手机机型上面显示的1px比实际感觉会变粗，这也就是1像素问题。如下图是对桌面浏览器和移动端border设置1px的比较。那么是什么导致这种原因的呢？
懒加载也就是延迟加载,好处是页面加载速度快、可以减轻服务器的压力、节约了流量,用户体验好。预加载:提前加载图片，当用户需要查看时可直接从本地缓存中渲染
利用js动态创建一个link插入到文档中, 请求css文件，利用 computedStyle = window.getComputedStyle 获取指定元素的 style 对象，利用 computedStyle .content 获取内容
css完美解决iphonX白条,网站扩展到整个屏幕,CSS Shapes中有个CSS属性名为shape-outside实现元素滚动自动环绕iPhone X刘海
这篇文章主要讲解：右键复制失效方法、菜单-文件－另存为-失效方法、防止查看源代码进行复制的方法、防止页面缓存的方法。来达到一定的代码保护效果
收集的一些前端面试题。太用力的人跑不远，面试是次要，技术的沉淀和积累才是主要,从面试题发现不足，进而查漏补缺，比通过面试更难得。
rem vh vw vmin vmax做为CSS3中的新单位，对CSS3的单位的使用了解是非常重要的，也许你会遇到一个问题可以通过css的这些单位得到解决，同时对于rem,vh和vw,百分比等都是我们做自适应网站常用的方法。
基于webkit内容隐藏滚动条,核心代码是：overflow的值需要设置为auto或者scroll，然后设置::-webkit-scrollbar的display属性为none。当然也可以通过设置滚动条的宽度为0。
css盒子模型用于处理元素的内容、内边距、边框和外边距的方式简称。css盒子模型到底的思想是什么？CSS盒子模型对行内元素和块级元素的区别和特点，Box-sizing的使用。
CSS中Grid是一种二维网格式布局方式，Grid是为了解决二维布局问题而创建的CSS模块。使用Gird的好处，Gird在浏览器的兼容性，Grid布局的示例源码...
如果您正在测试前端应用程序，则应该了解前端测试金字塔。在本文中，我们将看到前端测试金字塔是什么，以及如何使用它来创建全面的测试套件。
在网页开发中经常会有交互操作，比如点击一个dom元素，需要让js对该操作做出相应的响应，这就需要对Dom元素进行事件绑定来进行处理，js通常有三种常用的方法进行事件绑定：在DOM元素中直接绑定；在JavaScript代码中绑定；绑定事件监听函数。
事件冒泡是由IE开发团队提出来的，即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播。事件捕获是由Netscape Communicator团队提出来的，是先由最上一级的节点先接收事件，然后向下传播到具体的节点。
浏览器缓存主要分为强强缓存（也称本地缓存）和协商缓存（也称弱缓存）,强缓存是利用http头中的Expires和Cache-Control两个字段来控制的，用来表示资源的缓存时间。协商缓存就是由服务器来确定缓存资源是否可用.
