CSS使用的一些总结

前端常用的CSS代码
前端开发需要知道的 10 个 CSS 技巧

• 单行

.oneLine {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

• 清除浮动

.clearfix::after {
  content: '';
  display: block;
  clear: both;
}

• 内阴影
  内阴影 box-shadow: inset 0 -5px -5px rgba(0,0,0,0.25);，加了inset是内阴影，没加是外阴影；第1个0表示x轴的偏移量；第2个参数表示Y轴偏移量，边框到偏移位置之间，全部是阴影起始颜色；第三个参数表示阴影半径；第4个参数表示阴影扩大与收缩，会影响第1个和第2个参数后的效果；rgba表示阴影颜色，也就是阴影开始的颜色，用#333F之类是一样的；参考 developer.mozilla.org/zh-CN/docs/…
• 平均布局

> ol{ margin: 0 -12px; >li{ margin: 0 12px; } }

• 常用颜色
  • 淘宝橙：#f60
  • 黑色柔和#333
  • 灰色#666