常用的css样式有哪些

2024-04-26

常用的 css 样式有以下几类:外观样式:颜色、背景、字体、文本对齐、边框、圆角布局样式:位置、浮动、清除浮动、显示、弹性布局交互样式:指针、过渡、动画、用户选择响应式样式:媒体查询、响应式单位、网格系统其他常用样式:定位、盒子阴影、文字溢出、文本装饰、列宽、页面断开

常用的 CSS 样式

外观样式

  • 颜色: color
  • 背景: background-color, background-image
  • 字体: font-family, font-size, font-weight
  • 文本对齐: text-align
  • 边框: border-style, border-width, border-color
  • 圆角: border-radius

布局样式

  • 位置: position, top, left, right, bottom
  • 浮动: float
  • 清除浮动: clear
  • 显示: display, visibility
  • 弹性布局: flexbox, grid

交互样式

  • 指针: cursor
  • 过渡: transition
  • 动画: animation
  • 用户选择: user-select

响应式样式

  • 媒体查询: @media
  • 响应式单位: vw, vh, em
  • 网格系统: grid-template-columns, grid-template-rows

其他常用样式

  • 定位: z-index
  • 盒子阴影: box-shadow
  • 文字溢出: text-overflow
  • 文本装饰: text-decoration
  • 列宽: column-width
  • 页面断开: page-break

以上就是常用的css样式有哪些的详细内容,更多请关注北冥有鱼其它相关技术文章!