css auto reload 一款 chrome 开发者插件。它可以在你编辑 css 的时候，自动在页面上重新载入最新的 css 文件， 以达到立即展现你刚刚做的改变的目的。特别适合在双屏环境下进行 web 前端开发，使你不必在编辑器和浏览器之间不停的切换， 提高工作效率。
特点：
- 只需要安装一个 chrome 插件，不需要特殊的服务器端，不需要特意改变你的页面
- 需要的时候，只需要点击一下插件栏的图标即可对当前页面开启监控，不需要的时候，再次点击以关闭
- 此插件不会更改任何 DOM 结构，也不会在你页面的 js 执行环境中执行任何 js ,绝不干扰你页面的任何代码
- 在你没改变 css 的时候，页面不会 reload css ，调试面板中网络一栏不会多出很多请求
- 支持 css 和 page 不同域的情况
- 支持 css 相对路径，绝对路径
- 支持 @import ， @import 进来的 css 如果发生了改变也会 reload
-
1、首先说明滚动条样式是通过css的选择器来修改的，需要用到的选择器大概有下面几种： ::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的 ::-webkit-scrollbar-button 滚动条两端的按钮 ::-webkit-scrollbar-track 外层轨道 ::-webkit-scrollbar-track-piece 内层滚动槽 ::-webkit-scrol
-
css中auto的用法 —什么是auto? +auto是自适应的意思，auto是很多尺寸值的默认值，也就是由浏览器自动计算。 +块级元素中margin、border、padding以及content宽度之和构成父元素width。 使用auto属性后，父元素宽度发生变化，该元素的宽度也会随之变化。 下图中 auto 的值就是margin、border、padding以及content宽度
-
随着不断深入的学习css，发现在css中有很多属性都可以把值设定为auto，auto在英文里有着自动的意思，但是在css中这个自动值到底是什么呢？它在css中到底会产生一个什么样的作用？它有什么实际的意义吗？总是会产生如此的一些疑问。 就拿我之前碰到的一些小问题来说说，比如margin：auto是如何实现居中的？自动在这里到底是表示什么样的值？它到底是如何来实现居中的？ 在仔细研究了相关的资料后，
-
transition动画是将属性从初始值过度到结束值！ 当你设置height 显示由 0 到 auto（由内容决定）， 隐藏由 auto（由内容决定） 到 0 实际上是没有结束值的因为css只能赋值，不能获取值auto， 内容的多少产生的高度是在css执行之后产生的，而不是css所赋值的所以transition获取不到最终的高度，所以没有效果，当然可以通过js实现，在这里就不做讨论，一下讨论的是纯
-
首先来说一下 右对齐margin-left:auto; 左对齐margin-right:auto; 以及居中对齐margin:0 auto; 注意margin-left:auto是右对齐，而margin-right:auto;是左对齐，并不是我打错了，它就是这样。 这三个与margin有关的auto是用来对齐元素的，你需要记住以下几点： 1.该元素必须是区块(如果还不熟悉区块和内联的话我可以以后再
-
使用max-height属性来进行代替（有一定缺陷） 原理:通过一个过大的maxHeight来渐变 这里是vue的style写法 :style="{height: groupExpandFlag ? 'auto': '60px', maxHeight: groupExpandFlag ? '500px': '60px', transition: 'max-height .3s ease-in'}"
-
目前好像只兼容谷歌 &::-webkit-scrollbar { width: 6px; } &::-webkit-scrollbar-thumb { background: rgba(20, 20, 20, 0.2); border-radius: 3px; }
-
margin:0 auto；在不同场景下生效条件如下： 块级元素：给定要居中的块级元素的宽度。 行内元素：①设置display:block；②给定要居中的行内元素的宽度。（行内元素设置成块级元素后可以对其宽高进行设置） 行内块元素：设置display:block。（如input、button、img等元素，自带宽度可以不用设置其宽度） 注： ①可以通过对块级元素设置 text-align：cent