实训第二日

最新推荐文章于 2024-07-19 19:50:00 发布

阑夜寒林

最新推荐文章于 2024-07-19 19:50:00 发布

阅读量51

点赞数 1

文章标签： css

本文链接：https://blog.csdn.net/qq_74109103/article/details/131425599

版权

今日没干什么别的事，简单学习了一下前端三件套，并且自己写了一个简单的网页，源码如下：

首先写一下要用到的格式。

<style>
body{
    margin:0;
    background-color: azure;
    overflow: auto;
}
ul{
    list-style-type:none;
    margin: 0;
    padding: 0;
    width: 20%;
    background-color: #DEB887;
    position: fixed;
    height: 100%;
    overflow: auto;
}
li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
}
li {
    text-align: center;
    border-top:2px solid #000;
    border-right:2px solid #000;
    padding: 8px 16px;
    text-decoration: none;
}
li:last-child {
    border-bottom:2px solid #000;
}
li a:hover {
    background-color: #555;
    color: white;
}
p{
    background-color: #DEB887;
    overflow: auto;
    text-indent:2%;
    width:80%;
    font-size: 150%;
    position: relative;
    left: 20%;
}
h1{
    text-align: center;
    background-color: darkgray;
    position: relative;
    left: 20%;
    width:80%;
    margin: 0;
}
</style>
</head>

然后设一下导航栏。

<body>
    <h1 >名著导览</h1>
<ul>
    <li>菜单</li>
    <li><a href="#sanguo"> 《三国演义》</a></li>
    <li><a herf="#shuihu">《水浒传》</a></li>
    <li><a herf="#honglou">《红楼梦》</a></li>
    <li><a herf="#xiyou">《西游记》</a></li>
    <li>暂无更多书籍</li>
</ul>

最后再附上简要介绍和通往百度百科的链接。

<p id="sanguo">
    《三国演义》是综合民间传说和戏曲、话本,结合陈寿的《三国志》、范晔《后汉书》、元代《三国志平
    话》、和裴松之注的史料,以及作者个人对社会人生的体悟写成。现所见刊本以明嘉靖本最早,分24卷,240
    则。清初毛宗岗父子又做了一些修改,并成为现在最常见的120回本。《三国演义》是中国第一部长篇章回体小说。
    《三国演义》故事开始于黄巾兵起义,结束于司马氏灭吴开晋,以描写战争为主,反映了魏、蜀汉、吴
    三个政治集团之间的政治和军事斗争,展现了从东汉末年到西晋初年之间近一百年的历史风云，并成功塑造了
    一批叱咤风云的英雄人物。<br/><br/><br/><a href="https://baike.baidu.com/item/%e4%b8%89%e5%9b%bd%e6%bc%94%e4%b9%89/5782#3" target="_blank">点此了解更多</a></p>
 <p id="shuihu">
    《水浒传》的故事源起于北宋宣和年间,出现了话本《大宋宣和遗事》描述了宋江、吴加亮(吴用)、晁盖等36人起义造反的故事,成为《水浒传》的蓝本。
    《水浒传》是中国历史上第一部用古白话文写成的歌颂农民起义的长篇章回体版块结构小说，以宋江领导的起义军为主要题材，通过一系列梁山英雄反抗压迫、英勇斗争的生动故事，
    暴露了北宋末年统治阶级的腐朽和残暴，揭露了当时尖锐对立的社会矛盾和“官逼民反”的残酷现实。由于《水浒传》版本众多，流传甚广，其中也出现不同的故事，可大体分为“文简事
     繁本”和“文繁事简本”两个系统，“文繁事简本”较为细致，也流传最广，主要分为七十回本（无聚义后情节），一百回本（招安后，有征辽、征方腊等情节）和一百二十回本（在一百回本
    基础上增加征田虎、征王庆情节）。其中一百二十回本也被称为《水浒全传》 ，是水浒故事最完整的一个本。
    <br/><a href="https://baike.baidu.com/item/%e6%b0%b4%e6%b5%92%e4%bc%a0/348" target="_blank">点此了解更多</a></p>
<p id="honglou">
    《红楼梦》是一部章回体长篇小说。早期仅有前八十回抄本流传，八十回后部分未完成且原稿佚失。原名《脂砚斋重评石头记》。程伟元邀请高鹗协同整理出版百二十回全本，定名《红楼梦》。
    亦有版本作《金玉缘》。《红楼梦》讲述的是发生在一个虚构朝代的封建大家庭中的人事物，其中以贾宝玉、林黛玉、薛宝钗三个人之间的感情纠葛为主线通过对一些日常事件的描述体现了在
    贾府的大观园中以金陵十二钗为主体的众女子的爱恨情愁。而在这同时又从贾府由富贵堂皇走向没落衰败的次线反映了一个大家族的没落历程和这个看似华丽的家族的丑陋的内在。《红楼梦》
    还是一部百科全书式的长篇小说，以上层贵族社会为中心，极其真实地，生动地描写了十八世纪上半叶中国末期封建社会的全部生活。充分运用了书法，绘画，诗词，歌赋，音乐等各类文学艺术
    的一切优秀传统手法，展示了一部社会人生悲剧。
    <br/><a href="https://baike.baidu.com/item/%E7%BA%A2%E6%A5%BC%E6%A2%A6/15311" target="_blank">点此了解更多</a></p>
<p id="xiyou">
    西游记以民间传说的唐僧取经的故事和有关话本及杂剧（元末明初杨讷作）基础上创作而成。
《西游记》前七回叙述孙悟空出世，有大闹天宫等故事。此后写孙悟空随唐僧西天取经，沿途除妖降魔、战胜困难的故事。书中唐僧、孙悟空、猪八戒、沙僧等形象刻画生动，规模宏大，结构完整，
并且《西游记》富有浓厚的中国佛教色彩，其隐含意义非常深远，众说纷纭，见仁见智。可以从佛、道、俗等多个角度欣赏，是中国古典小说中伟大的浪漫主义文学作品。
    <br/><br/><br/><br/><a href="https://baike.baidu.com/item/%E8%A5%BF%E6%B8%B8%E8%AE%B0/5723" target="_blank">点此了解更多</a></p>

</body>