其实多说变量有多好，干我们这行的都知道。就说JS，没了变量，那代码就乱了套。那可读性和代码的篇幅，都让程序员成为一次性工，没法复用。所以CSS的变量的作用非常之大

point-events的作用可以让元素无视点击、鼠标悬停和拖拽行为。但是不建议用来禁用按钮。所以point-events:none不适合链接、按钮等控件元素，而适合作用在装饰性或仅用作视觉表现的非控件元素上，比如一些覆盖元素不影响下层元素正常的操作

最近在开发响应式网页的时候，字体大小总是影响效果，原因就是使用了绝对长度单位导致的，因此让我们一起来了解一下CSS中有哪些单位是绝对长度、相对长度的，在开发中又如何使用呢！

前端项目开发中，需要根据行数的奇数和偶数的不同，设置不同的颜色显示，以在视觉上给用户以良好的浏览体验，这里就需要使用css奇数偶数选择器。

使用 type=file的 <input> 元素使得用户可以选择一个或多个元素以提交表单的方式上传到服务器上,除了被所有 <input> 元素共享的公共属性，file 类型的 input 还支持下列属性：

当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求。

玩玩Sass 自带的一些函数...有字符串函数(String Functions)、数字函数(Number Functions)、列表函数(List Functions)、颜色函数(Color Functions)、Introspection 函数(Introspection Functions)、三元函数(Miscellaneous Function)

checkbox无法直接改变样式只能通过连接到label标签来改变checkbox的样式思路都一样的，先把之前的按钮透明度opacity设置为0,然后外层用div包裹，就实现了美化功能。下面会讲到几种与众不同的checkbox复选框样式。

Sass 定义了各种类型的函数，这些函数可以通过 CSS 语句直接调用。可以看到Sass的函数功能已经相当丰富了。整理了Sass的主要函数，重点在于后面的颜色函数，设计非常的银杏！

在做项目优化的时候，发现页面加载很慢。结果一看主要的问题就是就是图片的大小过慢，然后呢准备呢去做优化， 本来想去用webp，去优化的，但是呢这个图片是不是我们就用不了呢，然后看了下业界优化王

ASCII（American Standard Code for Information Interchange，美国信息互换标准代码）是一套基于拉丁字母的字符编码，共收录了 128 个字符，用一个字节就可以存储

一个强大、现代的 linter 帮助团队避免规则错误，统一代码风格。和 eslint 类似可以继承开源社区的 config、自定义配置、写个性化的 rules 。