优雅特效的备忘录与日历_html/css

这里的三个display是一个兼容性写法，貌似还有另外一种兼容写法，百度一下，你就知道。我就不贴出来了。盒子模型的好处是横向布局的容器，内部的标签的占用宽度是计算机自动计算的结果，肯定精确。 例如：我有一个div 用了一个盒子模型，他的宽度固定是500px；里面如果有5个标签并排，我已知其中一个为130px; 剩下4个的宽度一样，那么我剩下的四个只需要设置 flex: 1; 即可。如果有一天父级的宽度发生了改变，我这四个div的宽度也会自动重新计算，不怕装不满整个盒子了。

II : placeholder与滚动条的样式自定义。

/ placeholder 颜色自定义 / input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ddd; } input:-moz-placeholder, textarea:-moz-placeholder { color: #ddd; } input::-moz-placeholder, textarea::-moz-placeholder { color: #ddd; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ddd; } / 浏览器滚动条，前景色，背景色，滚动条颜色 ... / .right .list::-webkit-scrollbar { width: 10px; } .right .list::-webkit-scrollbar-track { background-color: #007fb0; } .right .list::-webkit-scrollbar-thumb { background-color: #00A8E8; } .right .list::-webkit-scrollbar-button { background-color: #007fb0; } .right .list::-webkit-scrollbar-corner { background-color: black; }

III: css3动画的触发机制

其实html中有动画会产生的根本原因是标签的某一个属性发生了改变，例如：背景颜色，长度，宽度，透明度等等...。那么，为什么他的属性会发生改变呢？只有一个原因，添加或者移除了 class，或者id 或者...。那么我们要实现一个动画，只需要更改它不同class下面的状态不就好了么？ 至于过程，那就是你自己定义的了，动画从开始到结束需要多久，匀速，减速，加速？等等.....

html代码

March

css代码

代码就在这里 Css代码.

JS代码

代码就在这里 Js代码.

额，如果发现有错误，欢迎指正，喜欢的小伙伴们点个赞呗，有疑问的小伙伴欢迎私信~