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); ...

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

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

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

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

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

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

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