作业工具.css

p {font-family: 隶书;font-size: 3em;text-indent: 2em;
}#tittle {font-size: 60px;text-align: center;
}#author {text-align: center;font-size: 1.5em;text-decoration: underline;color: blue;}body {background-image: url("D:/web/girl.jpg");background-repeat: no-repeat;background-size: 1366px 768px;background-size: cover;background-attachment: fixed;
}
a:link{color: blue;
}
a:visited{color: black;
}
a:hover{color: brown;
}
a:active{color: green;
}

作业.html

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>作业</title><link rel="stylesheet" href="作业工具.css">
</head><body><a id="fist"></a><h1 id="tittle">《蜀道难》</h1><h6 id="author"><i>(唐)李白</i><h6><p>噫吁嚱,危乎高哉!蜀道之难,难于上青天!蚕丛及鱼凫,开国何茫然!尔来四万八千岁,不与秦塞通人烟。西当太白有鸟道,可以横绝峨眉巅。地崩山摧壮士死,然后天梯石栈相钩连。上有六龙回日之高标,下有冲波逆折之回川。黄鹤之飞尚不得过,猿猱欲度愁攀援。青泥何盘盘,百步九折萦岩峦。扪参历井仰胁息,以手抚膺坐长叹。</p><p>问君西游何时还?畏途巉岩不可攀。但见悲鸟号古木,雄飞雌从绕林间。又闻子规啼夜月,愁空山。蜀道之难,难于上青天,使人听此凋朱颜!连峰去天不盈尺,枯松倒挂倚绝壁。飞湍瀑流争喧豗,砯崖转石万壑雷。其险也如此,嗟尔远道之人胡为乎来哉!</p><p>剑阁峥嵘而崔嵬,一夫当关,万夫莫开。所守或匪亲,化为狼与豺。朝避猛虎,夕避长蛇;磨牙吮血,杀人如麻。锦城虽云乐,不如早还家。蜀道之难,难于上青天,侧身西望长咨嗟!</p>
</body><body><a id="second"></a><h1 id="tittle">《陌上桑》</h1><h6 id="author"><i>(汉)佚名</i><h6><p>日出东南隅,照我秦氏楼。秦氏有好女,自名为罗敷。罗敷喜蚕桑,采桑城南隅。青丝为笼系,桂枝为笼钩。头上倭堕髻,耳中明月珠。缃绮为下裙,紫绮为上襦。行者见罗敷,下担捋髭须。少年见罗敷,脱帽着帩头。耕者忘其犁,锄者忘其锄。来归相怨怒,但坐观罗敷。</p><p>使君从南来,五马立踟蹰。使君遣吏往,问是谁家姝?“秦氏有好女,自名为罗敷。”“罗敷年几何?”“二十尚不足,十五颇有余”。使君谢罗敷:“宁可共载不?</p><p>罗敷前致辞:“使君一何愚!使君自有妇,罗敷自有夫。” “东方千余骑,夫婿居上头。何用识夫婿?白马从骊驹;青丝系马尾,黄金络马头;腰中鹿卢剑,可值千万余。十五府小吏,二十朝大夫,三十侍中郎,四十专城居。为人洁白皙,鬑鬑颇有须。盈盈公府步,冉冉府中趋。坐中数千人,皆言夫婿殊。”</p>
</body><body><a id="three"></a><h1 id="tittle">《小石潭记》</h1><h6 id="author"><i>(唐)柳宗元</i><h6><p>从小丘西行百二十步,隔篁竹,闻水声,如鸣珮环,心乐之。伐竹取道,下见小潭,水尤清冽。全石以为底,近岸,卷石底以出,为坻,为屿,为嵁,为岩。青树翠蔓,蒙络摇缀,参差披拂。</p><p>潭中鱼可百许头,皆若空游无所依,日光下澈,影布石上。佁然不动,俶尔远逝,往来翕忽, 似与游者相乐。</p><p>潭西南而望,斗折蛇行,明灭可见。其岸势犬牙差互,不可知其源。坐潭上,四面竹树环合,寂寥无人,凄神寒骨,悄怆幽邃。以其境过清,不可久居,乃记之而去。</p><p>同游者:吴武陵,龚古,余弟宗玄。隶而从者,崔氏二小生:曰恕己,曰奉壹。</p>
</body>
<body><a id="four"></a><h1 id="tittle">《醉翁亭记》</h1><h6 id="author"><i>(宋)欧阳修</i><h6><p>环滁皆山也。其西南诸峰,林壑尤美,望之蔚然而深秀者,琅琊也。山行六七里,渐闻水声潺潺,而泻出于两峰之间者,酿泉也。峰回路转,有亭翼然临于泉上者,醉翁亭也。作亭者谁?山之僧智仙也。名之者谁?太守自谓也。太守与客来饮于此,饮少辄醉,而年又最高,故自号曰醉翁也。醉翁之意不在酒,在乎山水之间也。山水之乐,得之心而寓之酒也。</p><p>若夫日出而林霏开,云归而岩穴暝,晦明变化者,山间之朝暮也。野芳发而幽香,佳木秀而繁阴,风霜高洁,水落而石出者,山间之四时也。朝而往,暮而归,四时之景不同,而乐亦无穷也。</p><p>至于负者歌于途,行者休于树,前者呼,后者应,伛偻提携,往来而不绝者,滁人游也。临溪而渔,溪深而鱼肥。酿泉为酒,泉香而酒洌;山肴野蔌,杂然而前陈者,太守宴也。宴酣之乐,非丝非竹,射者中,弈者胜,觥筹交错,起坐而喧哗者,众宾欢也。苍颜白发,颓然乎其间者,太守醉也。</p><p>已而夕阳在山,人影散乱,太守归而宾客从也。树林阴翳,鸣声上下,游人去而禽鸟乐也。然而禽鸟知山林之乐,而不知人之乐;人知从太守游而乐,而不知太守之乐其乐也。醉能同其乐,醒能述以文者,太守也。太守谓谁?庐陵欧阳修也。</p><a href="#fist">《蜀道难》</a><a href="#second">《陌上桑》</a><a href="#three">《小石潭记》</a><a href="#four">《醉翁亭记》</a>
</body>
</html>

4.12作业--CSS相关推荐

  1. 国家开放大学计算机基础实训项目一,国家开放大学电大专科《微机系统与维护》网络课实训11及实训12作业及答案...

    国家开放大学电大专科<微机系统与维护>网络课实训11及实训12作业及答案 实训11 微机软件系统的维护实训报告 实训内容 操作系统维护工具的使用.注册表的维护.Windows优化大师软件的 ...

  2. dreamweaver cs5 css教程,网页设计与制作——Dreamweaver CS5标准教程第12章 CSS+Div布局.pptx...

    第12章 CSS+Div布局;1. 盒子模型2. 布局技术3. "上中下"布局4. "左中右"布局;12.1.1盒子结构网页中元素都占据一定的空间,除了元素内容 ...

  3. web布局最实用的12条css技巧

    1:Rounded corners without images 效果图-- Rounded corners without images <div id="container&quo ...

  4. (12)css—float浮动样式

    一.什么是浮动? 浮动是一种非常重要的布局属性. 属性名:float,漂流.浮动的意思. 属性值:left 左浮动 right 右浮动 作用:让元素脱离标准流,同一级的浮动的元素可以并排在一排显示. ...

  5. 第12天--css三种定位及z-index

    一.css定位:position: 1.相对定位:relative 如果仅仅对当前盒子设置相对定位,那么它与原来的盒子没有任何变化 只有一个作用:父相子绝的参考 不要使用相对定位做压盖现象 参考点:以 ...

  6. python-web开发[12]之css案例、bootstrap探索

    day12 CSS 今日概要: 案例应用(利用之前所学知识) CSS知识点 模板 + CSS + 构建页面 1.CSS案例 1.1 内容回顾 HTML标签 固定格式,记住标签长什么样子,例如: h/d ...

  7. web前端——html基础笔记 NO.12{css布局模型(流动,浮动,层模型)}

    css布局模型 清楚了CSS 盒模型的基本概念. 盒模型类型, 我们就可以深入探讨网页布局的基本模型了.布局模型与盒模型一样都是 CSS 最基本. 最核心的概念. 但布局模型是建立在盒模型基础之上,又 ...

  8. 【渝粤教育】电大中专电商运营实操12作业 题库

    1.电子商务最重要的是( ) A.信息技术 B.货物 C.商务 D.网站 错误 正确答案:左边查询 学生答案:A 2.电子商务对实体店产生革命性的影响,它会快速提高现在零售业的服务标准. ( ) A. ...

  9. html第一章咖啡作业,CSS基础选择器温故-1 - 怪诞咖啡

    1.基本选择器语法 2.浏览器兼容性:浏览器对基本选择器都是一路绿灯通行,可以放心使用. 3.通配选择器:选择所有元素,也可以选择某个元素下的所有元素 (1)选择所有元素: *{margin: 0;p ...

  10. 【HTML+CSS网页设计与布局 从入门到精通】第12章-CSS

    目录 开始 背景+颜色 将图片当做背景background-image:url(bg-h.gif); x方向(横向)重复显示图片: y方向(纵向) 不重复显示图片background-repeat:n ...

最新文章

  1. 基于GAN的自动驾驶汽车语义分割
  2. Metasploit log命令技巧
  3. Python PIL | Image.resize() 裁剪 缩放图片
  4. Angular Package Format (APF) v12.0 介绍
  5. MySQL—查询某时间范围的数据
  6. 2345王牌浏览器九宫格个性化设置
  7. 使用 IntraWeb (12) - 基本控件之 TIWGradButton、TIWImageButton
  8. JavaScript中call,apply,bind方法的总结。
  9. 洛希极限 (10 分)
  10. Ubuntu20.04 设置开机自启shell脚本
  11. 索尼便携式无线服务器,WF-SP900体验报告:2018索尼真无线产品中的顶端存在
  12. 高德地图--水波雷达动画
  13. the7_v610优化破解演示数据
  14. 广汽埃安发布新LOGO,推出全新高端品牌Hyper昊铂
  15. apicloud 开发app 引用vue+element_ui的方法
  16. 开机自启动bat脚本,并显示Dos窗口
  17. VPN入门教程:基本概念、使用方法及思科模拟器实践
  18. java Spring-Boot框架学习视频-百度云盘
  19. mysql无法在kvm虚拟机上_使用KVM虚拟机遇到的问题(持续更新)
  20. 什么是EE(exploration and exploitation)问题

热门文章

  1. 热加工作业考研题目答案分享——metal casting 1
  2. 奈奎斯特定理和香农定理解释
  3. linux进行挂载Nas存储
  4. MTK6737功能展示
  5. SSH端口转发(port forwarding)基础知识
  6. java网络爬虫如何控制爬取的深度_Java 动手写爬虫: 二、 深度爬取
  7. 苹果app-H5封装源码-一键封装app搭建
  8. canvas画不规则图形
  9. 天创速盈:拼多多推广效果不好,哪里需要改善?
  10. centos6 yum安装nginx