小兵CMS前端开发规范.pdf

目 录 概要 开始 css书写规范 文档申明DOCTYPE 文档head以及三大标签 文档body 幻灯片 通用CSS基类 视图 导航 数据列表 图文列表 文字列表 友情链接 幻灯片 相册画廊 面包屑 选项卡 组件 分页条 js插件 layui xiaobing.js 本文档使用 看云 构建 - 2 - 概要 概要 小兵CMS前端开发概要 小兵CMS前端开发库 ，以协作、高效的思想主导前端模版开发。此库基于BOOTSTRAP+ZUI 前端响应式开发框架 ，在实操项目经验总结构建。 此版本适用基于web开发任何形式的网页开发 目前仅供内部团队使用。 //小兵CMS开发团队-WANGHAO 本文档使用 看云 构建 - 3 - 开始 开始 css书写规范 文档申明DOCTYPE 文档head以及三大标签 文档body 幻灯片 本文档使用 看云 构建 - 4 - css书写规范 css书写规范 css规范文档 CSS书写顺序{ /显示属性*/ display position float clear cursor … /盒模型/ margin padding width height /排版/ vertical-align white-space text-decoration text-align … /文字/ color font content /边框背景 为什么要把 boder和background放在最后的原因是修改的频率会较之前的频繁 ， 放在最后查看起来方便 ，哈哈。/ border background } 本文档使用 看云 构建 - 5 - css书写规范 下表顺序为从上到下 ，从左到右 ： display || visibility list-style list-style-type || list-style-position || list-style-image position top || right || bottom || left z-index clear float width max-width || min-width height max-height || min-height overflow || clip margin margin-top || margin-right || margin-bottom || margin-left padding padding-top || padding-right || padding-bottom || padding-left outline outline-color || outline-style || outline-width border background background-color || background-image || background-repeat || background-attachment || background-position color font font-style || font-variant || font-weight || font-size || line-height || font-family font caption | icon | menu | message-box | small-