在此研究DNN的所有相关课题，希望给DNN在中国的广为人知贡献一点绵薄之力.... http://www.dnnsun.com/Community/BaldwinsBlog/tabid/67/blogid/1/Default.aspx zh-CN dnnsun@gmail.com dnnsun@gmail.com Tue, 06 Jan 2009 07:53:22 GMT Tue, 06 Jan 2009 07:53:22 GMT http://backend.userland.com/rss SunBlog RSS Generator Version 2.1.0.0 <DIV style="TEXT-INDENT: 2em">在上一篇文章<A href="http://www.dnnsun.com/Blog/tabid/67/EntryID/8/Default.aspx" target=_blank>DNN默认核心CSS继承关系解析</A>,我曾简要分析了DotNetNuke的样式继承关系,在此我再对此作些补充，算是做些总结。</DIV> <DIV style="TEXT-INDENT: 2em"><SPAN title="" style="DISPLAY: inline-block; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Portals/0/Blog/CSSEdit.png', sizingMethod='image'); FLOAT: right; WIDTH: 128px; HEIGHT: 128px"></SPAN>是的，DNN是通过外部样式表来规划页面布局和交互界面设计的，其途径就是把所有样式文件拆分到不同的,具体的样式单(比如skin.css,portal.css)，而在页面的加载时是按照一定的优先级顺序来界定的，从而达到后一样式表能够覆盖前一样式的作用，实现我们所熟悉的CSS样式继承关系。其优先级排列如下（靠后者可覆盖前者的样式）:</DIV> <DIV style="TEXT-INDENT: 2em"><STRONG>1) </STRONG>Modules<STRONG> – </STRONG>模块控件样式，一般定义为module.css,可选项。</DIV> <DIV style="TEXT-INDENT: 2em"><STRONG>2) </STRONG>Default<STRONG> –</STRONG> 默认网站主机样式(default.css)</DIV> <DIV style="TEXT-INDENT: 2em"><STRONG>3) </STRONG>Skin<STRONG> –</STRONG> 皮肤样式，可取名为skin.css 或 skinfilename.css</DIV> <DIV style="TEXT-INDENT: 2em"><STRONG>4) </STRONG>Container<STRONG> –</STRONG>容器皮肤样式，可取名为container.css 或 containerfilename.css.</DIV> <DIV style="TEXT-INDENT: 2em"><STRONG>5) </STRONG>Portal<STRONG> –</STRONG>自定义网站管理级别的样式，这是最后一级的样式定义，一般为空定义(portal.css)</DIV> <DIV style="TEXT-INDENT: 2em">具体对这些样式的解析请查看我上一篇文章，而以下相关链接则是解析了一下如何在DNN合适使用CSS样式，在哪些地方是最安全的（升级时不受影响等），哪些地方是最有效的等的运用，有兴趣者不妨看看。</DIV> <DIV style="TEXT-INDENT: 2em"><STRONG>相关链接:</STRONG></DIV> <DIV style="TEXT-INDENT: 2em"><A href="http://www.inventua.com/blogs.content?EntryID=6" target=_blank>CSS files in DotNetNuke: Which CSS file should I use?</A></DIV> <DIV style="TEXT-INDENT: 2em">同时在此推荐一本DNN Skin-Design参考手册,它主要介绍了skin的制作及其所有skin占位符的解析和用户，其中包括SolpartMenu的所有属性设置的参考，是一本不可多得的skin资源手册,如果你想设计自己的skin，如果你想把自己的网站绚起来，那么你不妨拿着这本参考手册照猫画虎一般，最终你会发现其实DNN Skin是如此简单…. Enjoy!<A href="http://www.dnnsun.com/免费资源下载/tabid/59/Default.aspx" target=_blank>下载地址</A></DIV> http://www.dnnsun.com/Community/BaldwinsBlog/tabid/67/entryid/10/Basic-Usage-of-DNN-Style-Sheet.aspx dnnsun@gmail.com http://www.dnnsun.com/Community/BaldwinsBlog/tabid/67/entryid/10/Basic-Usage-of-DNN-Style-Sheet.aspx#Comments http://www.dnnsun.com/Community/BaldwinsBlog/tabid/67/entryid/10/Basic-Usage-of-DNN-Style-Sheet.aspx Sun, 07 Oct 2007 08:38:09 GMT 0 http://www.dnnsun.com/DesktopModules/SunBlog/Trackback.aspx?id=10