github_39155605的博客

第一等级：代表内联样式，如style=""，权值为 1000 第二等级：代表id选择器，如#content，权值为100 第三等级：代表类，伪类和属性选择器，如.content，权值为10 第四等级：代表标签选择器和伪元素选择器，如div p，权值为1 注：通用选择器（*），子选择器（>），和相邻同胞选择器（+）并不在这个等级中，所以他们的权值为0 ...

less 常用函数–雪碧图 .stitches-sprite(@x: 0, @y: 0, @width: 0, @height: 0) { background-position: @x @y; width: @width; height: @height; } .sprite { background-image: url(spritesheet.png); ...

图片用绝对定位 position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);

父元素设置 display: flex; align-items: center; justify-content: center; 子元素设置 transform: scale(1); /*测试不加也可以*/

bfc 解决盒子margin重叠问题一个HTML元素要创建BFC，则满足下列的任意一个或多个条件即可： 一个HTML元素要创建BFC，则满足下列的任意一个或多个条件即可： 1、float的值不是none。（float:left 或者float:right） 2、position的值不是static或者relative。（position:absolute或者position:fixed） 3、...

当行高为奇数时，文字的下方大1px

初学：less mixin 和 scss mixin的不同 scss是sass的升级版， 在codepen中，使用测试的是scss模式 scss 需要用 @mixin box 定义，然后用 @include box 调用，box不能是一个类，不能加. @mixin box { width: 100px; height: 100px; } .box1 { @include box; }...

background-image: -webkit-linear-gradient(#f94841,#921f2d); background-image: -moz-linear-gradient(#f94841,#921f2d); background-image: -o-linear-gradient(#f94841,#921f2d); background-i...

循环出图片的背景色还有子类元素的 // 循环出图片 .generate-columns(19); .generate-columns(@n, @i: 1) when (@i =< @n) { &:nth-child(@{i}) { background-imag...