原创力文档- 1、本文档共16页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
pj 模板结构 CSS 示意图
2010年07月24日 10:40
pj 整体结构
pj 顶部结构
pj 内容结构
pj 侧边结构
PJBlog2 的界面一共用到 5 个 CSS 文件,(5 个文件,其实不用担心,我只是为了方
便阅读,所以把CSS文件分成了5个)
global.css 全局样式表
layout.css 层次样式表
typography.css 局部样式表
link.css 超链接样式表
UBB/editor.css UBB编辑器样式表
模板结构 html 代码
1. !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN
2. HTML
3. HEAD
4. TITLE New Document /TITLE
5. META NAME=Generator CONTENT=EditPlus
6. META NAME=Author CONTENT=
7. META NAME=Keywords CONTENT=
8. META NAME=Description CONTENT=
9. style
10.body{
11.background-color:#FFFAFA;
12.border:1px solid #7D7D7D;
13.color: #8B4513;
14.font:Verdana,Geneva,Arial,Helvetica,sans-serif;
15.font-size:13px;
16.padding:2px;
17.margin:0px;
18.}
19.#blogname{
20.MARGIN:5px;
21.BORDER: 1px solid #9ACD32;
22.BACKGROUND: #C6E28D;
23.WIDTH:970px;
24.HEIGHT:20px;
25.}
26.#blogtitle{
27.MARGIN:5px;
28.BORDER: 1px solid #9ACD32;
29.BACKGROUND: #F0E68C;
30.WIDTH:960px;
31.HEIGHT:20px;
32.}
33.#menu{
34.MARGIN:5px;
35.BORDER: 1px solid #9ACD32;
36.BACKGROUND: #8AB632;
37.WIDTH:970px;
38.HEIGHT:20px;
39.}
40.#ul{
41.MARGIN:5px;
42.BORDER: 1px solid #9ACD32;
43.BACKGROUND: #F0E68C;
44.WIDTH:960px;
45.HEIGHT:20px;
46.}
47.#menuL{float:left; width:130px;HEIGHT:20px;BORDER: 1px solid
#9ACD32; margin: 5px 3px 5px 4px; }
48.#li{float:left;width:130px;HEIGHT:20px;BORDER: 1px solid
#9ACD32;margin: 5px 4px 5px 2px; }
49.#menuDiv{float:left;width:130px;HEIGHT:20px;BORDER: 1px solid
#9ACD32;margin: 5px 3px 5px 4px; }
50.#menuR{float:right;width:130px;HEIGHT:20px;BORDER: 1px solid
#9ACD32;margin: 5px 3px 5px 4px;
文档评论（0）