web实验报告
.. 淮海工学院计算机工程学院 实 验 报 告 书
课 程 名 : 《Web 应用开发技术》
题
目:实验五
用 CSS 进行文字与图像排版
班
级:
学
号:
姓
名:
评语:
成绩:
指导教师:
批阅时间:
年
月
日
实验五
用 用 CSS 进行文字与图像排版 一 一 实验目的 掌握盒子模型的概念 掌握盒子模型相关的 CSS 属性 掌握文本控制相关的属性 掌握 CSS 属性继承的概念并能够合理应用 掌握背景控制相关的 CSS 属性 掌握列表相关的 CSS 属性 熟悉 Chrome/Firefox 开发人员工具中 CSS 相关功能的使用 了解常见的 CSS 设计技巧(CSS Hacks)和设计模式(如 CSS Sprite 等)
二 二
实验内容和要求 实验内容: 1. 对 Spring.html 网页文件进行必要的修改,使得目录部分的链接可以跳转到网页中相应的部分; 2. 使用合适的盒子模型 CSS 属性使网页内容居中显示; 3. 使用文本相关的 CSS 属性和背景属性对网页的显示进行设计; 4. 文本与图片环绕显示,图片位于左边或右边; 5. 通过伪类选择器控制不同状态下超链接的显示。
6. 使用列表相关的 CSS 属性设计目录部分的显示效果 实验要求:
(1)
需要每个同学 独立完成所有的实验步骤;(可适当增加 class,id 等属性辅助 CSS 样式规则)
(2)
下课之前将实验报告的电子文档提交至教学平台。
三 三 实验步骤 <!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" xml:lang="en"> <head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title> 春天</title>
<style>
body {
font-size:19px;
font-family:" 仿宋";
background: #33FFCC;
}
#wrap {
width:960px;
margin:0 auto;
background-color:#fff;
border-radius:20px 12px;
}
h1,h2,h3,p {
line-height: 120%;
}
ol {
list-style-type:none;
}
h1 {
font-size: 60px;
padding: 10px 15px;
margin-top: 10px;
border-left: 8px solid #008822;
margin-left: 10px;
}
h2,h3 {
padding: 10px;
border-left: #008822 solid 5px;
margin-left: 10px;
}
p{
margin: 10px 15px;
}
.landscape-left, .landscape-right {
text-align: center;
border: #D9D9D9 solid 3px;
margin: 0px 15px;
}
.landscape-left {
float:left;
}
.landscape-right {
float:right;
}
h2,h3 {
clear: both;
}
li a {
font-size: 120%;
}
a:link {
text-decoration: none;
color: #052;
}
a:visited {
color: #f0f;
}
a:hover {
color: #f00;
text-decoration: underline;
}
</style> </head> <body> <div id="wrap">
<h1> 春天</h1>
<p> 春天,又称为春季,是一年的第一个季节,半球为公历 3 、4 、5 月,而南半球却是在 9 月 月开始,11 月结束,如澳大利亚。气候学上以连续 5 天日平均气温稳定通过 10 ℃为春季的开始。春天气候温暖适中,中国内陆大部分地区少雨,万物生机萌发,气候多变,乍暖还寒。</p>
<h2> 目录</h2>
<ol>
<li><a href="#">1 雅述</a></li>
<li><a href="#jq">2 节气</a></li>
<li>
<ol>
<li><a href="#lc">2.1 立春</a></li>
<li><a href="#ys">2.2 雨水</a></li>
<li><a href="#jz">2.3 惊蛰 </a></li>
<li><a href="#cf">2.4 春分</a></li>
<li><a href="#qm">2.5 清明 </a></li>
<li><a href="#gy">2.6 谷雨 </a></li>
</ol>
</li>
</ol>
<h2> 春天 - 雅述</h2>
<div class="landscape-right">
<p><img src="landscape-1.jpg" alt=" 春天,万物复苏"></p>
<p> 春天,万物复苏</p>
</div>
<p> 春三月,此谓发陈,天地俱生,万物以荣,夜卧早起,广(多)步(走)于庭,被发缓形(意喻不受束缚),以使志生。生而勿杀,予而勿夺,赏而勿罚,此春气之应,养生之道也。逆之则伤肝,夏为寒变,奉长者少。</p>
<p> ; 春 阳 :
因 春 天 阳 光 温 和 明 媚 , 令 人 神 往 陶 醉 , 故 而 得 名 ; <a href="http://www.baike.com/wiki/%E9%99%88%E5%AD%90%E6%98%82"> 陈子昂</a> 诗“白日每不归,春阳时暮矣”。就是描写春阳的诗句。</p>
<p> 阳 春 :
春 天 的 美 称 。
唐 朝 诗 人 <a href="http://www.baike.com/wiki/%E6%9D%8E%E7%99%BD"> 李白</a> 诗中就有“阳春召我饶烟景”的诗句。</p>
<p> 芳春:因春天草木萌动,百草新生,大地草绿如茵,繁花似锦,故而得名。陆机诗“烈心厉劲秋,丽服鲜芳春”。将芳春的特 点,写得入景入神。</p>
<p> 蠢:古时“春”“蠢”同音同意,春来虫动,形声兼会。</p>
<p> 青 春 :
因 春 天 草 木 青 青 而 得 名 。
<a href="http://www.baike.com/wiki/%E6%9D%9C%E7%94%AB"> 杜甫</a> 诗:“白日放歌须纵酒,青春作伴好还乡”。</p>
<p> 艳阳:因春季阳光灿烂而得此荣名。清代华广生辑俗曲集《白雪遣音·艳阳春》有句云:“艳阳天,和风荡荡,杨柳依依”。</p>
<p> 。
三 春 :
因 为 春 季 包 涵 了 一 、 二 、 三 月 , 而 合 称 “ 三 春 ” 。
<a href="http://www.baike.com/wiki/%E5%AD%9F%E9%83%8A"> 孟郊</a> 诗:“谁言寸草心,报得三春晖”。</p>
<p>有 九春:
按民间习 俗,十天 为一春, 春季有 90 天,故又 称“九春 ”。诗人 <a href="http://www.baike.com/wiki/%E9%98%AE%E7%B1%8D"> 阮籍</a> 有诗:“说怪若九春,磐折似秋霜”。</p>
<p> 踏青:又叫春游、探春等。中国的踏青习俗由来已久,传说远在先秦时已形成,也有说始于魏晋。据《晋书》记载:每年春天,人们都要结伴 到郊外游春赏景,至唐宋尤盛。唐代诗人杜甫就曾记载皇家游春踏青的盛景,“三月三日天地新,长安水边多丽人。”千百年来,踏青渐成了一种仪式,仿佛只有行了这种仪式,才真正拥有了春天。“逢春不游乐,但恐是痴人。”白居易的《春游》诗正是这种心境的写照。</p>
<p> 此外,还有“阳节”、“昭节”、“韵节”、“淑节”、“仑灵”等二十多种雅称。</p>
<a name="jq"/>
<h2> 春天 - 节气</h2>
<a name="lc"/>
<h3> 立春</h3>
<div class="landscape-left">
<p><img src="landscape-2.jpg" alt=" 春天景色"></p>
<p> 春天景色</p>
</div>
<p> 立春是开始的意思, 立春就是春季的开始。自秦代以来,中国就一直以立春作为春季的开始。立春是从天文上来划分的,而在自然界、在人们的心目中,春是温暖,鸟语花香;春是生长,耕耘播种。在气候学中,春季是指候(5 天为一候)平均气温 10 ℃至 22 ℃的时段。
</p>
<p> 时至立春,人们明显地感觉到白昼长了,太阳暖了。气温、日照、降雨,这时常处于一年中的转折点 ,趋于上升或增多。小春作物长势加快,油菜抽苔和小麦拔节时耗水量增加,应该及时觉 浇灌追肥,促进生长。农谚提醒人们立春雨水到,早起晚睡觉" 大春备耕也开始了。虽然立了春,但是华南大部分地区仍是很冷“白雪却嫌春色晚,故穿庭树作飞花”的景象。这些气候特点,在安排农业生产时都是应该考虑到的</p>
<a name="ys"/>
<h3> 雨水</h3>
<p> 降雨开始,雨量渐增。雨水节气的涵义是降雨开始,雨量渐增,在二十四节气的起源地黄至 河流域,雨水之前天气寒冷,但见雪花纷飞,难闻雨声淅沥。雨水之后气温一般可升至 0 ℃ ℃ 以上,雪渐少而雨渐多。可是在气候温暖的南方地区,即使隆冬时节,降雨也不罕见。中国南方大部分地在 区这段时间候平均气温多在 10 ℃以上,桃李含苞,樱桃花开,确以进入气候上的春天。除了个别年份外,霜期至此也告终止。嫁接果木,植树造林,正是时候。华南继冬干之后,常年多春旱,特别是华南西部更是" 春雨贵如油" 。农业上要注意保墒,及时浇灌,以满足小麦拔节孕穗、油菜抽苔开花需水关键期的水分供应。西北高原山地仍处于干季,空气温度小,风速大,容易发生森林火灾。另外,寒潮入侵时可引起强降温和暴风雪,对老、弱、幼畜危害极大。所有这些, 都要特别注意预防。</p>
<a name="jz"/>
<h3> 惊蛰</h3>
<div class="landscape-right">
<p><img src="landscape-3.jpg" alt=" 惊蛰"></p>
<p> 惊蛰</p>
</div>
<p> 蛰是藏的意思。惊蛰是指春雷乍动,惊醒了蛰伏在土中冬眠的动物。到了惊蛰,我国大部为 地区进入春耕大忙季节。真是:季节不等人,一刻值千金。大部分地区惊蛰节气平均气温一般为 12℃ ℃至 至 14 ℃,较雨水节气升高 3 ℃以上,是全年气温回升最快的节 气。日照时数也有比较明显的增加。但是因为冷暖空气交替,天气不稳定,气温波动甚大。华南东南部长江河谷地区,多数年份惊势期在 间气温稳定在 12 ℃以上,有利于水稻和玉米播种,其余地区则常有连续 3 天以上日平均气温在 12 ℃ 以下的低温天气出现,不可盲目早播。惊蛰虽然气温升高迅速,但是雨量增多却有限。华南中部和仅 西北部惊蛰期间降雨总量仅 10 毫米左右,继常年冬干之后,春旱常常开始露头。这时小麦孕穗、油菜开花都处于需水较多的时期,对水分要求敏感,春旱往往成为影响小春产量的重要因素。植树造林也应该考虑这个气候特点,栽后要勤于浇灌 ,努力提高树苗成活率。</p>
<a name="cf"/>
<h3> 春分</h3>
<p> 分是平分的意思。春分表示昼夜平分。春分后,中国南方大部分地区越冬作物进入春季生长阶段。华中有" 春分麦起身,一刻值千金" 的农谚。南方大部分地区各地气温则继续回升,但一般。
不如雨水至春分这段时期上升得快。3 月下旬平均气温华南北部多为13 ℃至15 ℃,华南南部多为15℃ ℃至 至 16 ℃。高原大部分地区已经雪融冰消,旬平均气温约 5 ℃至 10 ℃。
中国南方大部分地区等河谷地区气温最高,平均已达 18 ℃至 20 ℃左右。南方除了边缘山 区以外,到 平均十有七、八年日平均气温稳定上升到 12 ℃以上,有利于水稻、玉米等作物播种,植树造林也非至 常适宜。但是,春分前后华南常常有一次较强的冷空气入侵,气温显著下降,最低气温可低至 5℃ ℃以下。有时还有小股冷空气接踵而至,形成持续数天低温阴雨,对农业生产不利。根据这个特点,应充分利用天气预报,抓住冷尾暖头适时播种。</p>
<a name="qm"/>
<h3> 清明</h3>
<p> 天气晴朗,草木繁茂。清明是表征物候的节气,含有天气晴朗、草木繁茂的意思。清明这天,民间有踏青、寒食、扫墓等习俗。</p>
<a name="gy"/>
<h3> 谷雨</h3>
<p> 雨生百谷。雨量充足而及时,谷类作物能茁壮成长谷雨时节的南方地区,”杨花落尽子规啼“,柳絮飞落,杜鹃夜啼,牡丹吐蕊,樱桃红熟,自然景物告示人们:时至暮春了。这时,南方般 的气温升高较快,一般 4 月下旬平均气温,除了华南北部和西部部分地区外,已达 20 ℃至 22 ℃,比高 中旬增高 2 ℃以上。华南东部常会有一、二天出现 30 以上的高温,使人开始有炎热之感。低海拔河谷地带业以进入夏季。华南春季气温较高的气候特点,有利于在大春作物栽培措施上抓早。适宜红为 苕栽插的温度为 18 ℃至 22 ℃,这时已能满足。华南老旱区的经验证明,红苕在谷雨后早栽,能够在伏旱前使藤叶封厢,增强抗旱能力,获得高产稳产。</p> </div> </body> </html> 四 四 实验结果
五 五 实验分析体会 通过实验,理解掌握了什么?解决了什么问题?有何体会?…
上一篇:银行党员述职报告
下一篇:县国土资源局局长述职述廉报告