1.主页继续丰富
(使用position:fixed进行定位)
2.板块自我介绍丰富
1.使用iframe标签进行内嵌框架
<div class="self">
<iframe frameborder="0" align="top" src="me1.html" width="850px" height="550px"></iframe>
</div>
2.使用css布局和消除浮动
.self{clear: both;
position: relative;
left: 57px;
}
3.新建me子html文件-me1,使用锚点链接装饰,填入内容
<body>
<div class="self">
<div class="h1">
<a href="#1">概要</a>
<a href="#2">生平</a>
<a href="#3">爱好</a>
</div>
<div id="1">
<h3>概要</h3>
<p>人生在世,草木一秋。一闪一灭,转瞬之间。你我都轻如云烟,渺如微尘。
但就是无数个小小的你我点燃了万家灯火,照亮了整个世界。这人间的生与死,
荣与辱,兴与衰,从来都让人无法左右,但我们终不负韶光,不负自己,守着
草木,守着云水,演绎着一代又一代的传奇。</p>
<p>我们一路怀揣着爱,脚踏着万物,一声绝唱,飘然落尘!也许,你我曾是几
百年前的一株草,一朵花,一粒尘,经过几世轮回的转换变成了今生的亲人,
朋友,爱人……也许,我们只是来兑现前世的一场盟约。也许,在百年之后,你
我又都化为世间的生灵,守候在天地之间,彼此相望,相顾无言。然而,你我
却心灵相犀,甘为绿叶,守护着这世间一朵花开的时光!</p>
<p>这世间,有一种相逢叫做缘份。如若有缘,你我会迎着月,奔着光,在人
生的某个岔路口相见,然后又悄悄离别。像一朵洁白似雪的梨花,轻轻被风吹
落,好像从未被时光染上任何颜色,永远素雅洁净。</p>
</div>
<div id="2">
<h3>生平</h3>
<p>段落1</p>
<p>段落2</p>
<p>段落3</p>
</div>
<div id="3">
<h3>爱好</h3>
<p>段落1</p>
<p>段落2</p>
<p>段落3</p>
</div>
</div>
</body>
4.新建me1.ss进行描述
.self{
position: relative;
top: 0px;
}
a{
text-decoration: none;
}
h3{
color: azure;
text-decoration: underline;
}
p{
font-size: 16px;
text-indent: 32px;
color: lightcyan;
}