应程序要求,全部用p 类展示。其他要求请自行更改!
关于有序列表OL:
直接对ol定义text-indent:4em;IE内这4em是在序列号前边,FF,GG内,是在序列号和正文中间。
改用对OL使用padding-left:4em
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS公文样式</title>
<style type="text/css">
body {margin: 0px; padding:0px;}
.div{ width:900px; margin:0px auto; overflow:hidden}
p,h1,h2,h3,h4,ul,span{ margin:0px; padding:0px;}
.gongwen_ph1{ font-size:34px; font-weight:bold; padding:10px 0px; text-align:center; color:#FF0000; border-bottom:4px solid #ff0000; font-family:"宋体"}
.gongwen_ph2{ font-size:18px; color:#000; text-align:right; padding-top:10px; font-family:"仿宋_GB2312","宋体"}
.gongwen_ph3{ font-size:26px; color:#000;font-family:"宋体"; padding:10px 0px; text-align:center;}
.gongwen_ph4,ol,.gongwen_ph5{font-size:20px; line-height:1.6em; color:#000;font-family:"仿宋_GB2312"; }
.gongwen_gm{ text-indent:2em;}
.gongwen_ph5{ text-align:right}
ol{ margin:0px; font-size:18px;}
ol{ padding-left:4em}
</style></head>
<body >
<p class="gongwen_ph1">交通职业教育教学指导委员会文件</p>
<p class="gongwen_ph2">交通教指委函[2008]4号</p>
<p class="gongwen_ph3">关于推荐申报2008年度国家精品课程的函</p>
<p class="gongwen_ph4">教育部高等教育司:</p>
<p class="gongwen_ph4 gongwen_gm">根据《关于做好2008年度高等学校本科教学质量与教学改革工程项目申报工作的通知》(教高司函〔2008〕82号)文件要求,本教学指导委员会组织全国交通职业院校及有关高校申报,经8名专家对30所高校35门申报课程的会议评审,全体专家无记名投票,按得票数遴先前六名,推荐《桥涵施工技术》(湖南交通职业技术学院)等6门课程申报2008年度国家精品课程(具体名单见附件1)。</p>
<p class="gongwen_ph4 gongwen_gm">附件:</p>
<ol>
<li>交通职业教育教学指导委员会推荐2008年度国家精品课程汇总表</li>
<li>推荐国家精品课程为校级/省级精品课程证明材料</li>
<li>教指委推荐国家精品课程会议评审专家投票结果及专家名单</li>
</ol>
<p class="gongwen_ph5">交通职业教育教学专业指导委员会<br />二○○八年六月二十三日</p>
<p class="gongwen_ph5">抄送:湖南省教育厅、浙江省教育厅、江苏省教育厅、湖北省教育厅、上海市教委</p>
<script type='text/javascript'>
//<![CDATA[
if (document.getElementById('processtime')) document.getElementById('processtime').innerHTML="<span class='runtimedisplay'>Run in 152 ms, 9 Queries.</span>";
//]]>
</script></body>
</html>
[Ctrl A 全部选择 提示:你可先修改部分代码,再按运行]
推荐阅读
Opera下cloneNode的bug
Opera, 作为 A-Grade 浏览器,在现在的前端开发中务必支持。它很优秀,很不幸,bug是每个浏览器都不可避免的问题,Opera亦难免。说说我发现的一个关于 cloneNode 的问题。
问题:
假设我们有一个 Form 节点(no>>>详细阅读
本文标题:CSS制作政府公文的代码
地址:http://www.17bianji.com/kaifa2/CSS/17253.html
1/2 1