商院官网：CSS样式

来自CloudWiki
（重定向自项目实训2）
跳转至： 导航， 搜索

Web8-19.png

任务一

  • 源代码： 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>无标题文档</title>
<style type="text/css">
body{
	background: #fcfcfc;
}
p{  
	color:black; 
}
#title{
	font-weight: bold;
	text-align: center;
}
#date{
	font-size:80%;
	line-height:220%;
	text-align: center;
}

.detail{
	text-indent: 2em;
	line-height:220%;
	margin:0;
	}

#writer{
	font-size:100%;
	text-align: right;
	padding-right:20%;
}
 
</style>
</head>

<body>
 <h2>山东商业职业技术学院</h2> 
 <br>
<p id="title">学校与三所职业院校签署合作意向书</p>
<hr/>
<p id="date">时间：2019-12-21 09:09:21　　作者：杨帆　　来源：办公室（统战部）　　点击量：51</p>
<p class="detail">12月20日，由中国高教学会职教分会主办的商科高职教育服务“一带一路”暨东中西部商科院校区域合作第十二次研讨会在甘肃举行，会议期间，学校党委书记张志东书记代表学校与兰州现代职业学院、山西金融职业学院、辽宁经济职业技术学院分别签订了合作意向书。</p>
<p class="detail">会议由甘肃机电职业技术学院承办，中国职教学会商科专业委员会、中国商业经济学会职业教育分会、现代教育研究院对会议给予支持和指导。共有来自全国70个单位的130余名代表参加会议，张志东主持了大会开幕式。</p>
<p class="detail">学校以优异成绩入选中国特色高水平高职学校和专业建设计划建设单位，正式开启“双高计划”建设，意向书的签署旨在加强东中西部商科院校的区域合作，学校将发挥“双高计划”引领职业教育高质量发展，更好地服务区域经济发展。</p>
 
<p id="writer">责任编辑：宣传部</p>
</body>
</html>

任务2：

将此css样式改为外部样式表。

取自“http://www.openbrains.net/mediawiki/index.php?title=商院官网：CSS样式&oldid=15576”