DNN交互设计-基础设置（二）

本教程所描述的模式主要用于使用的DNN模块开发中的后台管理界面。模块中的设置， 编辑控件以及功能模块或站点中含有管理功能的区域都适用于这些模式。当然，你可能希望在其他场景中使用这些模式，但一定要记住当您浏览本指南时所有的这些界面模式都是为DNN管理功能准备的。

每一个在DotNetNuke的管理功能区域都是从认识CSS类dnnForm 开始的。这样就为管理功能区域提供了一个CSS的范围。吧元素放在一个 dnnForm元素下面就意味着你的这个区域应该看起来像是一个DotNetNuke的管理功能区域。DNN默认定义的核心CSS样式实现了这一外观和感觉，当你在页面中定义了这个范围，会DNN将为你自动应用到你关心的元素上。

要设置DNN管理模块的交互界面基，只需简单地使用预设的. dnnForm样式，将你的模块的包装在样式为.dnnForm的div容器下。例如：

<div class="dnnForm">

	Your module content here. Labels, inputs, action buttons, etc...

</div>

 

对于特定的模块，你可以将你自己的样式与dnnForm混合使用而不要去改变DNN默认的css设置。请参照一下css片段进行类似设置：

<div class="dnnForm myAwesomeModule">

	Your module content here.Your module content here. Labels, inputs, action buttons, etc...  

</div>

 

在自定义的模块中我们可以使用唯一的css选择器来扩展默认的dnnForm样式，这样既可以很好的利用默认的dnnForm样式又可以照顾到定制化模块中的一些特殊性。