自行根据如下内容,利用CSS对网页样式进行修改。
要求:
l 采用外部样式表的形式进行处理。
l 网页中应包含超级链接。(可对超级链接的四种状态进行处理)
l 对字体的样式、背景的样式进行相应的处理。
index.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link REL=stylesheet href="马云.css" type="text/css">
<title>不平凡的IT人</title>
</head>
<body>
<div class="all">
<div class="tou"><h1 class="tou">不平凡的IT人——马云</h1></div>
<div class="left">
<a href="个人简介.html">个人简介</a><br>
<a href="马云往事.html">马云往事</a><br>
<a href="创办淘宝.html">创办淘宝</a><br>
<a href="马云语录.html">马云语录</a><br>
</div>
<div class="content">
<h1>中国的"互联网之父"</h1>
<p>从某种意义上说,企业家马云的创业史,也是一部中国互联网的发展史。</p>
<p>马云创办的个人拍卖网站淘宝网,成功走出了一条中国本土化的独特道路,从2005年第一季度开始成为亚洲最大的个人拍卖网站。</p>
<p>当人们谈到中国互联网十余年的发展历程中,不得不提到企业家马云,也不可能避开这个"幽灵"的存在。他是当仁不让的开创者"教父",也是充满变革精神的颠覆者、"叛逆"。</p>
</div>
<div class="jiao">马洪涛制作</div>
</div>
</body>
</html>
网页布局1.HTML
<html >
<head >
<title>网页布局</title>
<link href="StyleSheet.css" type="text/css" rel="Stylesheet" />
</head>
<body>
<div id="Top">
<div id="header">header</div>
<div id="nav">nav</div>
</div>
<div id="main1">
<div id="main1_left"> main1_left </div>
<div id="main1_center"> main1_center </div>
<div id="main1_right"> main1_right </div>
</div>
</form>
</body>
</html>
网页布局2.HTML
<html>
<head>
<title>网页布局2</title>
<style type="text/css">
div.container
{
width:100%;
margin:0px;
border:5px solid gray;
line-height:200%;
}
div.header,div.footer
{
padding:0.5em;
color:white;
background-color:gray;
clear:left;/*左侧不允许有浮动元素*/
}
h1.header
{
padding:0;
margin:0;
}
div.left
{
float:left;
width:160px;
margin:0;
padding:1em;
}
div.content
{
margin-left:190px;
border-left:1px solid gray;
padding:1em;
}
</style>
</head>
<body>
<div class="container">
<div class="header"><h1 class="header">欢迎访问我的网页</h1></div>
<div class="left"><p>本网页用于个人练习</p></div>
<div class="content">
<h2>中秋节的由来与传说</h2>
<p>中秋节有悠久的历史,和其它传统节日一样,也是慢慢发展形成的,古代帝王有春天祭日,秋天祭月的礼制,早在《周礼》一书中,已有“中秋”一词的记载。后来贵族和文人学士也仿效起来,在中秋时节,对着天上又亮又圆一轮皓月,观赏祭拜,寄托情怀,这种习俗就这样传到民间,形成一个传统的活动,一直到了唐代,这种祭月的风俗更为人们重视,中秋节才成为固定的节日,《唐书·太宗记》记载有“八月十五中秋节”,这个节日盛行于宋朝,至明清时,已与元旦齐名,成为我国的主要节日之一。 </p>
<p>中秋节的传说是非常丰富的,嫦娥奔月,吴刚伐桂,玉兔捣药之类的神话故事流传甚广。</p></div>
<div class="footer">本网站全部内容归个人所有</div>
</div>
</body>
</html>
其他链接文件我就不发布了。这里主要说的是div css的布局。