在你十八岁的夏天，有没有一场让你难以忘怀的暴雨？你有没有渴望再经历一遍当年的雨？用js实现逼真雨景，炫酷！

px2rem构建项目(vue-cli3.0)vuecreatehello-world(Manuallselectfeatures)安装px2rem-loader(devDependencies)npm

随着Web技术不断的革新，CSS近几年也变得多年前要更强大。在Web开发中，CSS是不可或缺的一部分，对于很多Web开发者来说，有很多CSS属性不知道，或者说他们知道，但忘记在最恰当的时候使用最适合的CSS属性。而且时至今日，其中有一些CSS的属性可以让开发者能节约更多的时间。…

当父元素不设置高度的时候靠子元素撑大，也就是说子元素有多高，父元素就有多高，当子元素浮动后，父元素就会高度塌陷。父元素高度塌陷后，父元素下面的元素就会向上移动，这样会导致整个页面的布局混乱。 可以看到父元素高度塌陷后，下面的子元素都往上移动了，脱离了文档流。 给父元素设置固定的…

总结 DIV+CSS 学习笔记

本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。 鉴于时不时有童鞋翻我以前的沸点，因此，本系列收集了个人目前发过的所有CSS知识点动图，以便阅读。 两个月前，曾发过一篇《你未必知道的49个CSS知识点》，已有3000多赞，这里，老姚真心谢谢大家的支持。 …

本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。 鉴于时不时有童鞋翻我以前的沸点，因此，本文收集了个人目前发过的所有CSS知识点动图，以便阅读。 需要说明的是，顺序仍是按当时发布顺序罗列的，还没有系统的总结，多多包涵。 另外这里，老姚谢谢各位一如既往的支…

id 选择器以 "#" 来定义。 注：类名的第一个字符不能使用数字！它无法在 Mozilla 或 Firefox 中起作用。 标签(派生)选择器允许你根据文档的上下文关系来确定某个标签的样式。 在后代选择器中，规则左边的选择器一端包括两个或多个用空格分隔的选择器。选择器之间的空…

在 标准盒子模型中，width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸 IE盒子模型中，width 和 height 指的是内容区域+border+padding的宽度和高度。 如果想保持一个盒子的…