4.12作业--CSS
作业工具.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相关推荐
- 国家开放大学计算机基础实训项目一,国家开放大学电大专科《微机系统与维护》网络课实训11及实训12作业及答案...
国家开放大学电大专科<微机系统与维护>网络课实训11及实训12作业及答案 实训11 微机软件系统的维护实训报告 实训内容 操作系统维护工具的使用.注册表的维护.Windows优化大师软件的 ...
- dreamweaver cs5 css教程,网页设计与制作——Dreamweaver CS5标准教程第12章 CSS+Div布局.pptx...
第12章 CSS+Div布局;1. 盒子模型2. 布局技术3. "上中下"布局4. "左中右"布局;12.1.1盒子结构网页中元素都占据一定的空间,除了元素内容 ...
- web布局最实用的12条css技巧
1:Rounded corners without images 效果图-- Rounded corners without images <div id="container&quo ...
- (12)css—float浮动样式
一.什么是浮动? 浮动是一种非常重要的布局属性. 属性名:float,漂流.浮动的意思. 属性值:left 左浮动 right 右浮动 作用:让元素脱离标准流,同一级的浮动的元素可以并排在一排显示. ...
- 第12天--css三种定位及z-index
一.css定位:position: 1.相对定位:relative 如果仅仅对当前盒子设置相对定位,那么它与原来的盒子没有任何变化 只有一个作用:父相子绝的参考 不要使用相对定位做压盖现象 参考点:以 ...
- python-web开发[12]之css案例、bootstrap探索
day12 CSS 今日概要: 案例应用(利用之前所学知识) CSS知识点 模板 + CSS + 构建页面 1.CSS案例 1.1 内容回顾 HTML标签 固定格式,记住标签长什么样子,例如: h/d ...
- web前端——html基础笔记 NO.12{css布局模型(流动,浮动,层模型)}
css布局模型 清楚了CSS 盒模型的基本概念. 盒模型类型, 我们就可以深入探讨网页布局的基本模型了.布局模型与盒模型一样都是 CSS 最基本. 最核心的概念. 但布局模型是建立在盒模型基础之上,又 ...
- 【渝粤教育】电大中专电商运营实操12作业 题库
1.电子商务最重要的是( ) A.信息技术 B.货物 C.商务 D.网站 错误 正确答案:左边查询 学生答案:A 2.电子商务对实体店产生革命性的影响,它会快速提高现在零售业的服务标准. ( ) A. ...
- html第一章咖啡作业,CSS基础选择器温故-1 - 怪诞咖啡
1.基本选择器语法 2.浏览器兼容性:浏览器对基本选择器都是一路绿灯通行,可以放心使用. 3.通配选择器:选择所有元素,也可以选择某个元素下的所有元素 (1)选择所有元素: *{margin: 0;p ...
- 【HTML+CSS网页设计与布局 从入门到精通】第12章-CSS
目录 开始 背景+颜色 将图片当做背景background-image:url(bg-h.gif); x方向(横向)重复显示图片: y方向(纵向) 不重复显示图片background-repeat:n ...
最新文章
- 基于GAN的自动驾驶汽车语义分割
- Metasploit log命令技巧
- Python PIL | Image.resize() 裁剪 缩放图片
- Angular Package Format (APF) v12.0 介绍
- MySQL—查询某时间范围的数据
- 2345王牌浏览器九宫格个性化设置
- 使用 IntraWeb (12) - 基本控件之 TIWGradButton、TIWImageButton
- JavaScript中call,apply,bind方法的总结。
- 洛希极限 (10 分)
- Ubuntu20.04 设置开机自启shell脚本
- 索尼便携式无线服务器,WF-SP900体验报告:2018索尼真无线产品中的顶端存在
- 高德地图--水波雷达动画
- the7_v610优化破解演示数据
- 广汽埃安发布新LOGO,推出全新高端品牌Hyper昊铂
- apicloud 开发app 引用vue+element_ui的方法
- 开机自启动bat脚本,并显示Dos窗口
- VPN入门教程:基本概念、使用方法及思科模拟器实践
- java Spring-Boot框架学习视频-百度云盘
- mysql无法在kvm虚拟机上_使用KVM虚拟机遇到的问题(持续更新)
- 什么是EE(exploration and exploitation)问题