一:素材库作用


明确素材库意义,主要包含公用css库文件和常用的代码块,如轮播图,tab栏,菜单栏等

相信标准的力量 go
  1. common.css样式库提供平时最常用的样式,以一个文档节约大量的重复劳动--》后期表格,表单,导航,tab等样式从common.css中分离出来,写入数据库,公共样式库只保留基础样式
  2. 常用页面库,例如:关于我们。文章列表,问答页面,招聘页面,联系我们等,快速调取,快速应用
  3. 常用特效库,例如:tab栏。轮播图,菜单导航,手机导航,左右循环图等,快速查看,快速应用
  4. 常用漂亮组件,记录常用漂亮的组件

二:各个文件作用及使用方法


使用原则:代码直接复制使用,一般不用修改,如需修改,公共样式库文件复制出来,修改顶层名字调整,原则上不能修改common.css文件,如果非公共库文件,则复制出来直接修改即可

  1. head.html 公共头部文件,存放导航和常用函数
  2. common_nav_left.html 公共左侧导航文件
  3. common_nav_top.html 公共顶部导航文件
  4. web_list.html 列表类模型文件,每个列表使用.my-item 命名方便用js复制,如果是文章内容,不能使用.my-item类
  5. web_container.html 使用container和container-fuild来区分为1200px还是全屏,每个列表使用.my-item 命名方便用js复制
  6. ceshi.html 通用测试文件,1.复制当前需测试页面模板代码,手动写入css和html js进行测试

三:代码库补充原则


使用原则:代码直接复制使用,一般不用修改,如需修改,公共样式库文件复制出来,修改顶层名字调整,原则上不能修改common.css文件,如果非公共库文件,则复制出来直接修改即可

  1. 原则一:common.css 如需大的改动,则使用版本标记
  2. 公共文件为:common.css bootstrap.css bootstrap.js jquery.js原则不动
  3. style.css为了网站架构文件样式表,本身无意义,只对当前网站负责
  4. 每个页面先在测试页面测试,通过后把html,js,css 写入代码文章中即可,效果显示,和可复制代码自动生成
版权所有:奋达科技 备案号: 豫ICP备2021000581号-3