第 1 页：综述 第 2 页：CSS定义的划分及命名规范 第 3 页：CSS定义的模型示例 第 4 页：CSS定义的运用示例 第 5 页：CSS定义的分类与注释 第 6 页：组件中存在但风格中未定义的CSS

　　对于刚开始接触网页设计的朋友来说，对模板设计中的版式模板和风格模板这二个概念相对有些难以理解些。版式模板可以通过象DW这样的软件来可视化制作，风格模板如何和版式模板相结合则需要从思维上重新审视与理解。

　　这篇文章的部分内容已在“动易起航”教室进行了讲解，您可以在“动易起航”入门系列培训课程表中下载“动易系统CSS风格样式3D模型盒”一课的录像。本文会对制作动易模板的朋友以一些启示，对网页设计中CSS定义以3D模型盒的方式进行示例，希望能对您理解动易系统的模板设计原理有些启示。

　　为了叙述方便，文章分成以下几个部分进行讲解，您点击本页面左上方的分页标题可快速查找您想查看的章节内容：
　　·CSS定义的划分及命名规范
　　·CSS定义的模型示例
　　·CSS定义的运用示例
　　·CSS定义的分类与注释
　　·组件中存在但风格中未定义的CSS

　　动易系统自4.×版本开始，版式模板与风格模板开始紧密结合，并考虑到对今后一些基本界面定义修改的方便，对默认的风格进行了运用定义的预设。

　　系统提供默认的风格模板定义，可查阅网站后台默认的风格设置的“风格配色设置”。系统默认提供的CSS样式风格定义，里面有详细的定义注释，注释标记为：/* ...... */。

　　在系统中，CSS样式风格定义是可以自己自由定义的，也说是说您可以自由添加N多个自定义的风格，然后在各频道的版式模板中调用即可。修改风格设置必须具备一定网页css样式设计知识，建议您找些这方面的书看一下。在定义中不能使用单引号或双引号，否则会容易造成程序错误。

　　现对一些定义进行说明：