一:素材库作用
明确素材库意义,主要包含公用css库文件和常用的代码块,如轮播图,tab栏,菜单栏等
-
common.css样式库提供平时最常用的样式,以一个文档节约大量的重复劳动--》后期表格,表单,导航,tab等样式从common.css中分离出来,写入数据库,公共样式库只保留基础样式
- 常用页面库,例如:关于我们。文章列表,问答页面,招聘页面,联系我们等,快速调取,快速应用
- 常用特效库,例如:tab栏。轮播图,菜单导航,手机导航,左右循环图等,快速查看,快速应用
- 常用漂亮组件,记录常用漂亮的组件
二:各个文件作用及使用方法
使用原则:代码直接复制使用,一般不用修改,如需修改,公共样式库文件复制出来,修改顶层名字调整,原则上不能修改common.css文件,如果非公共库文件,则复制出来直接修改即可
- head.html 公共头部文件,存放导航和常用函数
- common_nav_left.html 公共左侧导航文件
- common_nav_top.html 公共顶部导航文件
- web_list.html 列表类模型文件,每个列表使用.my-item 命名方便用js复制,如果是文章内容,不能使用.my-item类
- web_container.html 使用container和container-fuild来区分为1200px还是全屏,每个列表使用.my-item 命名方便用js复制
- ceshi.html 通用测试文件,1.复制当前需测试页面模板代码,手动写入css和html js进行测试
三:代码库补充原则
使用原则:代码直接复制使用,一般不用修改,如需修改,公共样式库文件复制出来,修改顶层名字调整,原则上不能修改common.css文件,如果非公共库文件,则复制出来直接修改即可
- 原则一:common.css 如需大的改动,则使用版本标记
- 公共文件为:common.css bootstrap.css bootstrap.js jquery.js原则不动
- style.css为了网站架构文件样式表,本身无意义,只对当前网站负责
- 每个页面先在测试页面测试,通过后把html,js,css 写入代码文章中即可,效果显示,和可复制代码自动生成