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>&gt;&gt;<a href="#">唐诗</a>&gt;&gt;<a href="#">柳宗元</a>&gt;&gt;<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 &copy; 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;
}

效果图

HTML+CSS基础文字和字体相关推荐

html设置间距颜色,CSS基础—文字的尺寸、字体、行距及颜色
文字的尺寸.字体.行距及颜色样式标签为font-size(尺寸).font-family(字体).line-height(行距).color(颜色). font-size(尺寸) font-size样 ...
CSS基础选择器、字体和文本样式
一.CSS简介美化网页.布局页面 CSS(层叠样式表Cascading Style Sheets)(CSS样式表或级联样式表) 主要用于设置HTML中的文本内容(字体.大小.对齐方式等).图片的外形 ...
我的前端学习之CSS基础--选择器、字体、非布局样式、背景
CSS基础选择器半透明,可叠加,第一张的padding,第二张的font-size,第三张的background <style>body{padding :10px; font-siz ...
CSS基础--颜色、字体、背景、边框等
学习目标: 掌握 CSS 颜色,单位,注释等基本元素的使用方法学习内容: CSS基础 1.颜色指定颜色是通过使用预定义的颜色名称,或 RGB.HEX.HSL.RGBA.HSLA 值. 2.单位 C ...
「css基础」关于字体相关的基础知识（一）
常言道网页设计的好坏,95%取决于字体的排版.尽管现在抖音.小视频和游戏的盛行,其占据了我们大部分的业余时间,但是还是有大部分人在网络上进行阅读,比如查阅资料,阅读小说.看新闻.知识学习之类. 舒适的 ...
CSS基础(21)_字体样式、图标字体
字体相关的样式 color 前景色,主要用来设置字体颜色 font-size 字体的大小 em 相当于当前元素的一个字体大小(font-s ...
CSS基础_Day02
CSS基础一.字体 1.更改元素的字体大小字体大小由font-size属性控制. <style>p{font-size:16px;}//设置p元素字体大小为16px </styl ...
CSS基础样式和排版文本段落
一.CSS基础样式 1.字体属性 font-family是字体属性 font-family:后面可以直接打出来字体的样式,或者直接选择 font-family: Times,"Times N ...
CSS基础「七」精灵图 \ 字体图标 \ 三角 \ 用户界面样式 \ 页面初始化
本篇文章为 CSS 基础系列笔记第七篇,参考黑马程序员pink老师前端入门教程其他CSS基础相关文章: CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表 CSS基础「二」复合 ...

HTML+CSS基础文字和字体

HTML+CSS文字和字体改变

效果图

HTML+CSS基础文字和字体相关推荐

最新文章

热门文章