一个IT自由人的博客

纵横网络,专注IT

« 关于本人今天台风 »

Z-Blog之CSS教程(页面模型分析)

z-blog css布局

为什么全局DIV块嵌套了3回,这是为了应付一些特殊的样式需求。
  *:目前未实现body的class设实,但在实际应用中的确有这个需要,如果要列表页和单日志页产生不同的效果,就要设置了。






每一个divPage块中的元素都是一样的,总共有5大块:divTop,divNavBar,divMain,divSidebar,divSidebar,divBottom,你可以在CSS中控制导航条或是工具栏等的显示与否。
  *:翻页条放在了class="post"的div块里,将会设置了两个class,既class="post pagebar"
  **:每页的发表评论框只会有一个,所以也设置了id="divCommentPost"


分块要属div class="post",ul class="msg",div class="function",将整体的页面CSS设置完,就要细化设置分块的CSS属性。
  div class="post"是日志显示部分的元素,它拥有多重class,这样可以方便的定制不同分类或是不同作者的日志显示效果。
  ul class="msg"控制显示留言和评论。
  div class="function"是工具栏上的分块,部分分块设置了id,这使得改变不同分块的显示效果变的很容易。



  • 相关文章:
  • quote 1.4536
  • 很清晰哦.[url=http://www.huohuie.cn]火狐浏览器[/url]
  • 2007-4-4 12:57:33

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新留言

最近发表

广告

Powered By Z-Blog 1.6 Final Build 60816

power by z-blog rewrited by hzc Copyright © 2006 www.hezhicai.com 浙ICP备06040253号