由於 xmp.code 及 xmp.cmd 會繼承 xmp 的所有設定，所以相同的部份就不用再寫一次，只要寫出相異的部份即可，這樣可以省下很多空間，加速網頁傳送速度。另外儘量使用 TAB 來代替 space 可以省下更多的空間；但是請注意在 <xmp></xmp> 中間不要使用 TAB，是無效的。
框框一
<![CDATA[<style type="text/css">
xmp {
padding: 1em;
display: block;
font-family: Tahoma,Arial;
font-size: 10pt;
letter-spacing: 0px;
max-height: 1200px;
line-height: 1.2em;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
color: black;
border: 1px dashed #2f6fab;
background-color: #f9f9f9;
}
</style>
]]>
框框二
<![CDATA[<style type="text/css">
xmp.code {
color: #000000;
border: 1px solid #cccccc;
background: #cccccc url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sVt-_QDwcR_aDv59CnUTt2VrvbkmHbUwvYOwOSns4ycWgqWNvRKTqclVUb7WTg1tpSCavz-ImnuzRZ8W1ttWEIfA0tMYMK2nLVKbWVUHCVuUn-=s0-d) left top repeat-y;
}
</style>
]]>
框框三
<![CDATA[<style type="text/css">
xmp.cmd {
color: #cccccc;
border: 1px solid #cccccc;
background: #000000 url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_ucoM_IV8AlHq5CYwy78D9ucTZ2M7akcqjxCC61aIyfS7NrgpGDfthTT8wU8JMRmrZ8WcXFqeJy_X2NMx-2XMt7GSMJbY0bf-5tuPJwgT75sMY=s0-d) left top repeat-y;
}
</style>
]]>
框框四
<![CDATA[<style type="text/css">
xmp.file {
font-family: 'Georgia';
color: #000;
border: 1px solid #cccccc;
background: #FFF url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tY0htNgOTCSpmS5oTC69RpOLRkW_R7lUgx2aVbIv0vLQjH6b-zLCMP8yEJgPRKoK-zGAFhVxCdPqGag0mrxgmQWgjl-t1FqmQFY80EUuo=s0-d) left top repeat-y;
}
</style>
]]>
框框五
<![CDATA[<style type="text/css">
xmp.html {
color: blue;
border: 1px solid #cccccc;
background: #FFF url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vJf4DqT2_ThdlAErTA60mBLL8VDy5f4MPvZr4lS8Vf6wBNIdHEHRV4Z_LFmFJUzdDxnYzsTzRc3XcEXGU0sCEsl-lV6ZdTHP7XUlwZ5Q0=s0-d) left top repeat-y;
}
</style>
]]>
框框六
<![CDATA[<style type="text/css">
xmp.latex {
color: #660000;
border: 1px solid #cccccc;
background: #FFF url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uHn32ZKE0dTIsTkFko3Z-IqxuXYno73FeyhxG9mwEVw__86YkYqjakFRiu0NXR6JM_O9DaaaBSaCX4C2Wh73cKOMaCOa5v3M5B1BwxrAep=s0-d) left top repeat-y;
}
</style>
]]>
框框七
框框八
<![CDATA[<style type="text/css">
xmp.ref {
border: 1px dotted #a88;
background: url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_txSu98vQ_V3vyS8dHX0PRaLCCyh5KnHJiZAiEfETjTrW-EWiZoDfYiDrK14Jq-qwsTYfWjRxPgXytzSaurb4d1ENGLh9biK2XPDw6ULHAPPv1VVdzH3dk=s0-d) left top no-repeat;
line-height: 1.6em;
font-size: 13px;
font: normal normal 100% 'Lucida Grande',Georgia,'Trebuchet MS';
}
</style>
]]>
張貼留言