模板与变量的命名：
变量：驼峰式，首字母小写，后续单词首字母大写；
文件命名：多个单词用下划线分割，方便split，例如：typecho_thumb.jpg；
模块：以下划线分级,以中横线分支；
_level1 --- 一级模块
_level1-branch --- 一级模块分支
_level1_level2 --- 二级模块
_level1_level2-branch --- 二级模块分支
主要Css结构
主容器
container container-head
container container-main
container container-foot_header模块
--navgition
#banner
#banner-logo
#banner-title
#nav.nav
#nav-off.nav-switch
#nav-title
#nav-logo
#nav-menu.nav-menu.current
.nav-menu-item.nav-menu-item-haschild.current
.nav-sub-menu
--search
#search.search
#search-off.nav-switch
#search-form
#search-submit
#search-text
#search-asset.search-asset
.search-asset-icon
#search-asset-history.search-asset-list
#search-asset-hottag.search-asset-list
--button
#search-on.nav-switch
#nav-on.nav-switch
#toolbox-on.nav-switch
.nav-sub-menu
.nav-menu-item
#site-mask_slides模块(外部插件)
#slides.content-slides.content-nohead_topic 模块
#topic.content-topic.content-hashead.content-nohead
.content-head
.content-topic-body
.content-topic-item
.content-topic-link
.content-topic-img
.content-topic-title
.content-topic-text_catelist 模块
#catelist.content-catelist.content-hashead.content-nohead
.content-head
.content-catelist-body
.content-catelist-item
.content-catelist-img
.content-catelist-title
.content-catelist-list_postlist模块
#postlist.content-hashead
.content-postlist-head
.content-postlist-item
.content-postlist-thumb
.content-postlist-date
.content-postlist-info
.content-postlist-title
.content-postlist-excerpt
.content-postlist-meta_single 模块
.single
.single-bread
.single-bread-head
.single-body
.single-title
.single-meta
.single-content
.single-copyright图标名称
.icon-home:before { content: "\e900";} 首页
.icon-newspaper:before { content: "\e904";} 新闻
.icon-pencil2:before { content: "\e906";} 铅笔
.icon-droplet:before { content: "\e90b";} 水滴
.icon-image:before { content: "\e90d";} 图片
.icon-music:before { content: "\e911";} 音乐
.icon-film:before { content: "\e913";} 电影
.icon-books:before { content: "\e920";} 书籍
.icon-file-text:before { content: "\e922";} 文档
.icon-profile:before { content: "\e923";} 简历
.icon-folder-open:before { content: "\e930";} 文件夹
.icon-price-tags:before { content: "\e936";} 标签
.icon-cart:before { content: "\e93a";} 购物车
.icon-calculator:before { content: "\e940";} 计算器
.icon-location:before { content: "\e947";} 坐标
.icon-clock2:before { content: "\e94f";} 时钟
.icon-bubbles4:before { content: "\e970";} 聊天
.icon-user:before { content: "\e971";} 用户
.icon-user-check:before { content: "\e975";} 登录用户
.icon-quotes-left:before { content: "\e977";} 左双引号
.icon-search:before { content: "\e986";} 搜索
.icon-lock:before { content: "\e98f";} 上锁
.icon-unlocked:before { content: "\e990";} 解锁
.icon-meter:before { content: "\e9a6";} 里程表
.icon-fire:before { content: "\e9a9";} 火焰
.icon-bin:before { content: "\e9ac";} 垃圾桶
.icon-clipboard:before { content: "\e9b8";} 粘贴板
.icon-menu:before { content: "\e9bd";} 菜单
.icon-star-full:before { content: "\e9d9";} 五星
.icon-heart:before { content: "\e9da";} 爱心
.icon-circle-right:before { content: "\ea42";} 向左
.icon-circle-left:before { content: "\ea44";} 向右
.icon-checkbox-checked:before { content: "\ea52";} 选择
.icon-checkbox-unchecked:before { content: "\ea53";} 未选
.icon-make-group:before { content: "\ea58";} 群组
.icon-whatsapp:before { content: "\ea93";} 联系我们
.icon-steam:before { content: "\eaac";} 机械手
.icon-chrome:before { content: "\ead9";} 谷歌
.icon-cog:before { content: "\e994";} 齿轮
.icon-cancel-circle:before { content: "\ea0d";} 取消配色
糖果
.d1{background:#e8dc33 ; }
.d2{background:#f1f1ba ; }
.d3{background:#e1879c ; }
.d4{background:#f2c1d2 ; }
.d5{background:#c5dec6 ; }
.d6{background:#91c68d ; }
.d7{background:#88c6ed ; }
.d8{background:#e9894d ; }童趣
.d1{background:#f5cfaa ; }
.d2{background:#f7d6d2 ; }
.d3{background:#f1e07b ; }
.d4{background:#fffaf5 ; }
.d5{background:#d8eef8 ; }
.d6{background:#d7d98f ; }
.d7{background:#a3be86 ; }
.d8{background:#97989c ; }