作业一
<!doctype html>
<head>
<title>情深深雨蒙蒙</title>
</head>
<body>
<style type="text/css">
.p1{
color:green;
}
</style>
<center>
<a name="top"></a>
<p>
<a href="#bottom">去底部</a>
|
<a href="#center">去指定位置</a>
<h1>这是最近非常火的一首歌</h1>
<hr></hr>
<h2>情深深雨蒙蒙</h2>
<a name="center"></a>
翻唱:
<a href="https://music.163.com/#/program?id=2061216345" target="_blank">杨胖雨</a>
<p class=p1> 情深深 雨濛濛 多少楼台烟雨中</br>
记得当初 你侬我侬 车如流水马如龙</br>
尽管狂风平地起 美人如玉剑如虹</br>
情深深 雨濛濛 世界只在你眼中</br>
相逢不晚 为何匆匆 山山水水几万重</br>
一曲高歌千行泪情在回肠荡气中</p>
<img src="image/yang.png" alt="杨胖雨的照片" width="300px" height="200px"/>
<p class=p1> 情深深 雨濛濛 天也无尽地无穷</br>
高楼望断 情有独钟 盼过春夏和秋冬</br>
盼来盼去盼不尽 天涯何处是归鸿</br>
情深深 雨濛濛 多少楼台烟雨中</br>
记得当初 你侬我侬 车如流水马如龙</br>
尽管狂风平地起 美人如玉剑如虹</br>
情深深 雨濛濛 世界只在你眼中</br>
相逢不晚 为何匆匆 山山水水几万重</br>
一曲高歌千行泪情在回肠荡气中</p>
<img src="image/su.jpg" alt="苏有朋的照片" width="300px" height="200px"/>
<p class=p1>情深深 雨濛濛 天也无尽地无穷</br>
高楼望断 情有独钟 盼过春夏和秋冬</br>
盼来盼去盼不尽 天涯何处是归鸿</p>
<hr></hr>
<p>友情提示：
<a href="http://www.kugou.com/yy/singer/home/837603.html" target="_blank">杨胖雨</a>
|
<a href="https://baike.baidu.com/item/%E8%8B%8F%E6%9C%89%E6%9C%8B/294596?fr=aladdin" target="_blank">苏有朋</a>
|
<a href="http://v.ifeng.com/201904/video_38455776.shtml" target="_blank">崔潇闻</a>
<p><a href="#top">回到顶部</a>
|
<a href="#" target="_blank">联系我们</a></p>
<a name="bottom"></a>
</p>
</center>
</body>
</html>
作业二：
1.plant 元素选择器
2.bento 元素选择器
3.#fancy id选择器
4.plate apple 后代选择器
5.#fancy pickle 组合后代和id选择器
6..small 类选择器
7.orange.small 组合类选择器
8.bento orange.small
9.plate,bento 元素选择器
10.* 通用选择器
11.plate * 组合通用选择器
12.plate + apple 相邻选择器
13.bento ~ pickle 一般兄弟姐妹选择器
14.plate > apple 子选择器
15.plate :first-child 选择一个元素中的第一个元素
16.plate :only-child 选择另一个元素中唯一的元素
17.#fancy #, last-child ,plate + pickle
18.:nth-child(3) 选择另一个元素中的某一个
19.:nth-last-child(4) 在另一个元素中按倒序的顺序选择
20.
网友评论