HTML+CSS文字和字体改变
HTML代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>诗集锦集</title>
<link href="Style6.css" rel="stylesheet" type="text/css">
</head>
<body>
<head>
<meta charset="utf-8">
<title>诗词鉴赏</title>
<link href="Style6.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<h1><b>诗词鉴赏</b></h1>
<nav >
<a href="#" ><b>首页</b></a> <a href="#"><b>诗经</b></a> <a href="#"><b>汉乐府</b></a> <a href="#"><b>唐诗</b></a> <a href="#"><b>宋词</b></a>
</nav>
</header>
<div class="subnav" style="color: #000000">
<a href="#">首页</a>>><a href="#">唐诗</a>>><a href="#">柳宗元</a>>><a href="#">江雪</a>
</div>
<article>
<div>
<p>江雪</p>
<p>唐 柳宗元</p>
<p>千山鸟飞绝，万径人踪灭。</p>
<p>孤舟蓑笠翁，独钓寒江雪。</p>
<p class="tag">分类标签: <em><a href="#">山水诗</a> <a href="#">描写冬天</a> <a href="#">描写雪</a> <a href="#">唐诗三百首</a></em></p>
</div>
<hr>
<p>【译文】</p>
<p>千山万岭不见飞鸟的踪影，千路万径不见行人的足迹。一叶孤舟上，一位身披蓑衣头戴斗笠的渔翁，独自在漫天风雪中垂钓。</p>
<p>【评析】</p>
<p>这是一幅江乡雪景图。山山是雪，路路皆白。飞鸟绝迹，人踪湮没。遐景苍茫，迩景孤冷。意境幽僻，情调凄寂。渔翁形象，精雕细琢，清晰明朗，完整突出。</p>
<p>诗采用入声韵，韵促味永，刚劲有力。历代诗人无不交口称绝。千古丹青妙手，也争相以此为题，绘出不少动人的江天雪景图。</p>
<p>【创作背景】</p>
<p>唐顺宗永贞元年，柳宗元参加了王叔文为首的政治革新运动。由于保守势力与宦官的联合反攻，致使革新失败。因此，柳宗元被贬官到有“南荒”之称的永州。他在任所名为司马，实际上是毫无实权而受地方官员监视的“罪犯”。官署里没有他的住处，不得不在和尚庙——龙兴寺的西厢里安身。</p>
<p>柳宗元自从被贬到永州之后，精神上受到很大刺激和压抑，他就借描写山水景物，借歌咏隐居在山水之间的渔翁，来寄托自己清高而孤傲的情感，抒发自己在政治上失意的郁闷苦恼。于是，他怀着幽愤的心情，写下了这首令人传颂的名诗。</p>
</article>
<footer>Copyright © 2018 by xuhwen</footer>
</body>
</body>
</html>
CSS代码：
@charset "utf-8";
/* CSS Document */
body,footer,header{
width:960px;
margin:0 auto;
}
header{
background-color: #574D2E;
height: 150px;
}
header h1{
color: aliceblue;
}
header nav{
align-content: center;
text-align: center;
color: #F8EC27;
letter-spacing: .5em;
line-height: 290%;
/*
padding: 5px;
height: 40px;
line-height: 60px;
*/
}
header nav a{
color: #E7E006;
}
.subnav{
background-color: #A4999A;
color: #B4B4B4;
line-height:190%;
height: 36px;
}
article div{
text-align: center
}
.tag{
text-align:right
}
footer{
text-align: center;
}
article{
background-color: #DADADA;
}
效果图
