框架css梳理

@GuoYongfeng 2016-06-16 01:48:32发表于 iuap-design/blog

框架css

1.基础样式

  • 重置样式 normalize.css
  • 字号、单位、盒模型等基础设置
  • 字体
  • 文字排版(h1-h6 p hr pre blockquote ul ol table img)

2.布局

  • 栅格系统

3.辅助类

  • 布局相关的
  • 文本展示相关的
  • 响应式辅助的

4.组件

基础组件

  • 图标字体icon
  • 按钮button
  • 代码code
  • 表单table
  • 图片image
  • 表格grid

UI组件

  • 徽章badge
  • 面包屑导航breadcrumb
  • 按钮组button-goup
  • 关闭按钮close
  • 评论列表comment
  • 图标字体icon
  • 输入框组input-group
  • 列表 list
  • 导航nav
  • 导航条navbar
  • 分页pagination
  • 面板panel
  • 进度条progress
  • 缩略图thumbnail
  • css动画animation
  • 文章页article