入门13 css综合

1. 说一说你平时写代码遵守的编码规范

• 用小写
• 命名用引号包住
• 换行
  -注意空格

2. 垂直居中有几种实现方式，给出代码范例

1. padding居中
2. 绝对定位实现居中
3. vertical-align实现居中
4. table-cell实现居中
   将里面的东西视为表格去渲染，
   居中

3. 常用命名

英文	中文
.wrap或.wrapper	用于外侧包裹
.container或 .ct	包裹容器
.header	用于头部
.body	页面 body
.footer	页面尾部
aside、sidebar	用于侧边栏
.content	和header footer 对应，用于主要内容
.navigation	导航元素
.pagination	分页
.tabs > .tab	tab 切换
.breadcrumbs	导航列表、面包屑
.dropdown	下拉菜单
.article	文章
.main	用于主体
.thumbnail	头像，小图像
.media	媒体资源
.panel	面板
.tooltip	鼠标放置上去的提示
.popup	鼠标点击弹出的提示
.button、.btn	按钮
.ad	广告
.subnav	二级导航
.menu	菜单
.tag	标签
.message或者.notice	提示消息
.summary	摘要
.logo	logo
.search	搜索框
.login	登录
.register	注册
.username	用户名
.password	密码
.banner	广告条
.copyright	版权
.modal或者 .dialog	弹窗

var 名字 = {
  状态: [
    'inverse',
    'toggled',
    'switched',
    'original',
    'initial',
    'identified',
    'disabled',
    'loading',
    'pending',
    'syncing',
    'default'
  ],
  修饰: [
    'dark',
    'light',
    'shaded',
    'flat',
    'ghost',
    'maroon',
    'pale',
    'intense',
    'twisted',
    'narrow',
    'wide',
    'smooth',
    'separate',
    'clean',
    'sharp',
    'aligned'
  ],
  元素: [
    'pagination',
    'modal',
    'popup',
    'article',
    'story',
    'flash',
    'status',
    'state',
    'media',
    'block',
    'card',
    'teaser',
    'badge',
    'label',
    'sheet',
    'poster',
    'notice',
    'record',
    'entry',
    'item',
    'figure',
    'square',
    'module',
    'bar',
    'button',
    'action',
    'knob'
  ],
  布局: [
    'navigation',
    'wrapper',
    'inner',
    'header',
    'footer',
    'aside',
    'section',
    'divider',
    'content',
    'container',
    'panel',
    'pane',
    'construct',
    'composition',
    'spacing',
    'frame'
  ]
}

googleHTMLcss编码规范
bootstrap编码规范
命名真难
伪类伪元素