“商院官网:CSS样式”的版本间的差异
来自CloudWiki
(→任务一) |
|||
第13行: | 第13行: | ||
<title>无标题文档</title> | <title>无标题文档</title> | ||
<style type="text/css"> | <style type="text/css"> | ||
− | p{margin:5px 0 | + | p{margin:5px 0; } |
.p1{} | .p1{} | ||
.p2_4{} | .p2_4{} | ||
第27行: | 第27行: | ||
<body> | <body> | ||
− | < | + | <h2>山东商业职业技术学院</h2> |
− | <p | + | <p>2016-3-20<span>(2016-03-20 13:27:38)</span></p> |
− | <p | + | <p>山东商业职业技术学院是1999年经教育部批准设立的省属高职院校。</p> |
− | <p | + | <p>发稿人:党群部</p> |
<hr width="80%" /> | <hr width="80%" /> | ||
− | <p | + | <p> 山东商业职业技术学院是1999年经教育部批准设立的省属高职院校。学校具有悠久的办学历史和深厚的文化底蕴,办学历史可追溯到1936年的济南惠鲁商业学校。经过70多年的积淀,学校秉承“尚德蕴能,日精日新”的校训,2009年被评为全国普通高等学校毕业生就业工作先进集体、山东省高职院校惟一的德育示范高校、全省首批大学生创业教育示范校、山东省服务外包人才实训基地,连续十年被评为省级文明单位。 |
</p> | </p> | ||
− | <p | + | <p>学校下设<span>会计学院、工商管理学院、信息技术学院、机电工程学院、生物工程学院、汽车与电子技术学院、外国语学院、旅游管理学院、艺术设计学院、国际交流学院、继续教育学院、基础课教学部</span>等12个二级教学院部,开设生物工程学院、银座商务学院、冰轮工程学院、甲骨文学院、银座汽车学院、消防安保学院等校企合作二级学院。 |
</p> | </p> | ||
− | <p | + | <p>学校占地达2600亩,校舍建筑面积42万平方米,资产总值8亿多元,实验设备总值过亿元,图书馆藏书120万册。学校面向全国31个省、市、区招生,在山东省高职院校中录取分数线连续7年名列榜首,现有全日制在校生16000余人。 |
</p> | </p> | ||
− | <p | + | <p> 学校重视教育教学改革,积极推进专业、课程体系、教学团队、实践教学条件等建设,努力提高人才培养质量。现已建成集财经、电子信息、旅游、生化与药品制造、艺术设计等12大类58个专业。学生在高职高专“发明杯”全国大学生创新大赛、全国ITAT就业技能大赛、全国管理沙盘大赛、全国大学生会计信息化技能大赛等赛事中屡获大奖,成绩显著。 |
</p> | </p> | ||
− | <p | + | <p> 学校坚持校企合作办学,实施“名校名企育优生”战略,与上海大众、海尔集团、联想集团、鲁能集团、银座、美国Oracle公司、美国Cisco公司等国内外知名企业建立了紧密的校企合作协议,毕业生初次就业率连续5年保持96%以上,多数专业毕业生供不应求。 |
</p> | </p> | ||
<p>来源:党群部</p> | <p>来源:党群部</p> | ||
第46行: | 第46行: | ||
</html> | </html> | ||
</nowiki> | </nowiki> | ||
− | |||
写代码时,可直接在<style></style>标签中描述样式,如p1{font-size:10pt;text-align:center;}等 | 写代码时,可直接在<style></style>标签中描述样式,如p1{font-size:10pt;text-align:center;}等 | ||
*'''要求''': | *'''要求''': | ||
**网页背景颜色贴近学校官网。 | **网页背景颜色贴近学校官网。 | ||
− | ** | + | **将所有h2的样式设为字号20pt,居中显示,文本行高为30px。; |
− | ** | + | **将所有段落的样式设为font-size:12pt; line-height:22px; |
− | ** | + | **将发稿日期那一行设置id选择符,字号为12pt,居中显示,行高为24px. |
− | + | **将第一段样式设为字号12pt,居中显示,行高为24px,加下划线。 | |
− | + | **将第五到第九个段落开头设置字号12pt,行高24px,两个字符的缩进,其中所有学院名称都使用加粗效果。 | |
− | |||
− | |||
− | |||
− | |||
− | * | ||
− | * | ||
− | * | ||
− | * | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |
2019年12月22日 (日) 08:06的版本
完成实训任务前,建议首先阅读:
任务一
- 用记事本编写如下代码:
<!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>无标题文档</title> <style type="text/css"> p{margin:5px 0; } .p1{} .p2_4{} .p2_4 span{} .p3{} .p5_9{} .p5_9 span{} #p5{ } #p5::first-letter{} </style> </head> <body> <h2>山东商业职业技术学院</h2> <p>2016-3-20<span>(2016-03-20 13:27:38)</span></p> <p>山东商业职业技术学院是1999年经教育部批准设立的省属高职院校。</p> <p>发稿人:党群部</p> <hr width="80%" /> <p> 山东商业职业技术学院是1999年经教育部批准设立的省属高职院校。学校具有悠久的办学历史和深厚的文化底蕴,办学历史可追溯到1936年的济南惠鲁商业学校。经过70多年的积淀,学校秉承“尚德蕴能,日精日新”的校训,2009年被评为全国普通高等学校毕业生就业工作先进集体、山东省高职院校惟一的德育示范高校、全省首批大学生创业教育示范校、山东省服务外包人才实训基地,连续十年被评为省级文明单位。 </p> <p>学校下设<span>会计学院、工商管理学院、信息技术学院、机电工程学院、生物工程学院、汽车与电子技术学院、外国语学院、旅游管理学院、艺术设计学院、国际交流学院、继续教育学院、基础课教学部</span>等12个二级教学院部,开设生物工程学院、银座商务学院、冰轮工程学院、甲骨文学院、银座汽车学院、消防安保学院等校企合作二级学院。 </p> <p>学校占地达2600亩,校舍建筑面积42万平方米,资产总值8亿多元,实验设备总值过亿元,图书馆藏书120万册。学校面向全国31个省、市、区招生,在山东省高职院校中录取分数线连续7年名列榜首,现有全日制在校生16000余人。 </p> <p> 学校重视教育教学改革,积极推进专业、课程体系、教学团队、实践教学条件等建设,努力提高人才培养质量。现已建成集财经、电子信息、旅游、生化与药品制造、艺术设计等12大类58个专业。学生在高职高专“发明杯”全国大学生创新大赛、全国ITAT就业技能大赛、全国管理沙盘大赛、全国大学生会计信息化技能大赛等赛事中屡获大奖,成绩显著。 </p> <p> 学校坚持校企合作办学,实施“名校名企育优生”战略,与上海大众、海尔集团、联想集团、鲁能集团、银座、美国Oracle公司、美国Cisco公司等国内外知名企业建立了紧密的校企合作协议,毕业生初次就业率连续5年保持96%以上,多数专业毕业生供不应求。 </p> <p>来源:党群部</p> </body> </html>
写代码时,可直接在<style></style>标签中描述样式,如p1{font-size:10pt;text-align:center;}等
- 要求:
- 网页背景颜色贴近学校官网。
- 将所有h2的样式设为字号20pt,居中显示,文本行高为30px。;
- 将所有段落的样式设为font-size:12pt; line-height:22px;
- 将发稿日期那一行设置id选择符,字号为12pt,居中显示,行高为24px.
- 将第一段样式设为字号12pt,居中显示,行高为24px,加下划线。
- 将第五到第九个段落开头设置字号12pt,行高24px,两个字符的缩进,其中所有学院名称都使用加粗效果。