blog的样式表命名

《blog的样式表命名》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Blogease采用CSS控制整体博客界面风格，因此修改CSS就可以设计出各种各样不同的界面，下面对CSS标签、html结构做一个说明。网站整体结构：分为header、main和footer三部分，对应着css标签也是#header#main#footer。其中对与main结构最复杂，见下图：默认的结构，左侧是content，也就是记录blog正文的地方，右侧为sidebar，侧栏，显示你的最新文章、最新评论等等。在右侧的sidebar中，又可以分为leftbar和rightbar，当你想将侧栏设置为左右两个分栏时，可以设置leftbar和rightbar的属性，让他们列在两旁，如下图：因此这

2、里要再重复说明一点：要一个分栏，只需要设置sidebar的属性，两个分栏，设置leftbar和rightbar的属性。下面详细说明各个自定义css标签的作用：#blogease页面主体部分#headerBLOG头部#header.blogtitle头部博客标题#header.blogdescription博客描述#main主要部分#content内容部分#content.blog一篇博客文章区域#content.date文章发表时间#content.blogbody文章主体区域#content.title文章标题#content.article文章正文#content.readmore“阅读更

3、多”文字#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图片列表#cont

4、ent.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

5、模块内容#menubox.menubottom模块底部#footer博客底部区域.pagination分页显示还有一个可以更个性化的地方，你可以对任何一个模块的属性进行改造，比如用户信息模块的标签为#mod_user_info