blog的样式表命名.doc

Blogease采用CSS控制整体博客界面风格，因此修改CSS就可以设计出各种各样不同的界面，下面对CSS标签、html结构做一个说明。网站整体结构：分为 header、main和footer三部分，对应着css标签也是#header #main #footer。 其中对与main结构最复杂，见下图：默认的结构，左侧是content，也就是记录blog正文的地方，右侧为sidebar，侧栏，显示你的最新文章、最新评论等等。在右侧的sidebar中，又可以分为leftbar和rightbar，当你想将侧栏设置为左右两个分栏时，可以设置leftbar和 rightbar的属性，让他们列在两旁，如下图：因此这里要再重复说明一点： 要一个分栏，只需要设置sidebar的属性，两个分栏，设置leftbar和rightbar的属性。 下面详细说明各个自定义css标签的作用：#blogease 页面主体部分 #headerBLOG头部 #header .blogtitle 头部博客标题 #header .blogdescription 博客描述#main 主要部分#content内容部分#content .blog 一篇博客文章区域#content .date 文章发表时间 #content .blogbody 文章主体区域 #content .title 文章标题#content .article 文章正文 #content .readmore “阅读更多”文字 #content .trackbackurl 引用地址#content .moreinfo 博客发表人、所属类别、评论数等信息 #content .blogbottom文章底部区域#content .photo一张图片区域 #content .current_photo当前显示图片区域#content .photo_slide图片滚动列表#content .photo_prev上一张图片区域#content .photo_next下一张图片区域#content .photo_list图片列表#content .is_current图片列表中当前显示图片#content .carousel-list图片列表#content .carousel-clip-region图片列表#content .comment 评论区域 #content .postcomment “发表评论“ 文字 #content .commentform 发表评论表单区域 #content .showcomment 显示评论区域 #content .commentavatar 评论人头像 #content .commentcontent评论内容区域 #content. commenttitle 评论标题 #content .commenttext 评论文字 #sidebar侧栏区域#menubox侧栏模块区域#menubox .menutitle模块标题#menubox .menumain 模块内容 #menubox .menubottom模块底部#footer博客底部区域 .pagi