qq_37291064的博客

总结一下个人项目中用到的sass语法@extend:继承样式块继承已经存在的样式块.btn { border: 1px solid #ccc; padding: 6px 10px;}.btn-primary { background-color: #f36; @extend .btn;}继承不存在的样式块（占位符%）%placeholder{...

从大到小，从pc到移动

要考虑布局场景，很多方法主要是有几个简单的并不适合复杂布局，另外这里只说垂直居中，水平居中略1、height配合line-height/*父标签*/.parent{ height:320px; line-height:320px;}2、使用display:table-cell/*父标签*/.parent{ display:table-cell;//使用不好会存在宽度不够、子标...

先上图，图片最了然（借用哈）细说：transition是一个单独的属性，有四个属性值举个栗子：{transition: width .3s ease-in .1}transform包含translate，translate在transform中属于移动，他又分translate3d,translateX,translateY,translateZ, translate3d是transla...

1、3个元素一行，间距设置方法一：设置中间元素margin-left,margin-right，获取第2、5、8、11…元素，找到公式最重要，公式为3n+2(下面会附上公式讲解),所以就是.class:nth-child(3n+2){ margin:0 20px;}方法二：设置每个元素margin-right,然后再找到每一行的最后一个元素即3的倍数(公式3n+3)元素margin-r...

解决placeholder或者输入文字或者说光标偏上不垂直居中的问题input{ line-height:normal//兼容性问题}