常用css样式

  1. 盒子模型
  2. 布局
  3. 文字
  4. 背景
  5. 动画
  6. 交互
  7. 阴影
  8. 溢出控制
  9. 边框 & 圆角

最近,想自己做些产品出来,上次写前端代码还是四年前的事,那个时候用的还是vue2。
现在一查,发现变化太大了,加上很多东西都不记得了。
正好借着这次机会,记录一下吧。

盒子模型

width、height、margin、padding、border、box-sizing

布局

display、flex、grid、position、z-index

文字

color、font-size、text-align、line-height

背景

background-color、background-image、background-size

动画

transform、transition、animation

交互

cursor、:hover、:active

阴影

box-shadow、text-shadow

溢出控制

overflow、overflow-x、overflow-y

边框 & 圆角

border、border-radius


转载请注明来源,欢迎指出错误或表达不够清晰之处。可以在评论区留言,也可以邮件至 hellozhugj@gmail.com