<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<center>
<a href="#c" target="_blank">去底部</a><nbsp>|<a href="#b" target="_blank">去指定位置</a>
<h1><font color="red" size="7" >歌词博客</font><h1>
<hr>
<h2>东风破</h2>
<a href="http://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E5%91%A8%E6%9D%B0%E4%BC%A6%E4%B8%9C%E9%A3%8E%E5%9B%BE%E7%89%87%E5%A4%A7%E5%85%A8&step_word=&hs=2&pn=4&spn=0&di=11440&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=2715864393%2C1343247931&os=1694562885%2C3797004415&simid=0%2C0&adpicid=0&lpn=0&ln=851&fr=&fmq=1558952229436_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined©right=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fwww.yh818.cn%2Fupload%2Fimg%2F8NbYhNQfldGw3hfPpivZIYntb4QCqqxIrXt9XXAAEEBaSNW9ZmdxOQGNJpLJ6jn6QPiRFwPvnd1lTQcxmg.jpg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fooo_z%26e3Byib8b_z%26e3BvgAzdH3FwAzdH3Fda8bAzdH3Fa0naAzdH3F00n00_z%26e3Bip4s&gsm=0&rpstart=0&rpnum=0&islist=&querylist=&force=undefined" target="_blank">周杰伦</a>
<p><img src="1424826332110669998.jpg" alt="XX" width="500px" >
<p>一盏离愁孤灯伫立在窗口
<p>我在门后假装你人还没走
<br>
<p>旧地如重游月圆更寂寞
<br>
<p>夜半清醒的烛火不忍苛责我
<br>
<p>一壶漂泊浪迹天涯难入喉
<br>
<p>你走之后酒暖回忆思念瘦
<br>
<p>水向东流时间怎么偷
<br>
<p>花开就一次成熟我却错过
<br>
<p>谁在用琵琶弹奏一曲东风破
<br>
<p>岁月在墙上剥落看见小时候
<br>
<p>犹记得那年我们都还很年幼
<br>
<p>而如今琴声幽幽
<br>
<p>我的等候你没听过
<br>
<p>谁在用琵琶弹奏一曲东风破
<br>
<p>枫叶将故事染色结局我看透
<br>
<p>篱笆外的古道我牵着你走过
<br>
<p>荒烟蔓草的年头
<br>
<p>就连分手都很沉默
<br>
<p>一壶漂泊浪迹天涯难入喉
<br>
<p>你走之后酒暖回忆思念瘦
<p><a name="b" ></a>
<br>
<p><img src="3.jpg" alt="123" width="500px" >
<p>水向东流时间怎么偷
<br>
<p>花开就一次成熟我却错过
<br>
<p>谁在用琵琶弹奏一曲东风破
<br>
<p>岁月在墙上剥落看见小时候
<br>
<p>犹记得那年我们都还很年幼
<br>
<p>而如今琴声幽幽
<br>
<p>我的等候你没听过
<br>
<p>谁在用琵琶弹奏一曲东风破
<br>
<p>枫叶将故事染色结局我看透
<br>
<p>篱笆外的古道我牵着你走过
<br>
<p>荒烟蔓草的年头就连分手都
<br>
<p>谁在用琵琶弹奏一曲东风破
<br>
<p>岁月在墙上剥落看见小时候
<br>
<p>犹记得那年我们都还很年幼
<p><img src="0.jpg" alt="XX" width="500px" >
<br>
<p>而如今琴声幽幽
<br>
<p>我的等候你没听过
<br>
<p>谁在用琵琶弹奏一曲东风破
<br>
<p>枫叶将故事染色结局我看透
<br>
<p>篱笆外的古道我牵着你走过
<br>
<p>荒烟蔓草的年头
<br>
<p>就连分手都很沉默
<p><a name="#c" ></a>
<br>
<hr>
友情链接：<a href="https://www.baidu.com/" target="_blank">A网站</a>|<nbsp>
<a href="https://www.taobao.com/" target="_blank">B网站</a>|<nbsp>
<a href="https://www.jd.com/" target="_blank">C网站</a>
<a href="#" target="_blank">回到顶部</a><nbsp>|<a href="http://w.qq.com/" target="_blank">联系我们</a>
<a name="c" ></a>
</center>
</body>
</html>
CSS小游戏
1.plate元素 2.bento元素 3.#fancy(id为fancy)4.plate apple(plate祖先下的apple后代选择器) 5#fancy pickle（id为祖先下的pickle元素） 6.small(组为选择器)
7. orange.small （组为smal下的orange元素）8
bento orange (后代元素选择器)
9plate,bento,plate (并集选择器)
10 * （ 通配选择器）
11plate* (后代元素选择器)
12plate + apple (兄弟元素选择器)
13bento~pickle (兄弟元素选择器)
14plate > apple (子类元素选择器)
15orange:first-child (子元素选择器)
16:only-child (子元素选择器)
17.small:last-child (子元素选择器)
18plate:nth-child(3) (子元素选择器)
19:nth-last-child(4) (子元素选择器)
20apple:first-of-type (子元素选择器)
21late:nth-of-type(even) (子元素选择器)
22plate:nth-of-type(2n+3) (子元素选择器)
23apple:only-of-type (子元素选择器)
24.small:nth-child(even) (子元素选择器)
25bento:empty (子元素选择器)
26apple:not(.small) (not选择器)
<!--
使用内联框架可以引入一个外部的页面
使用iframe来创建一个内联框架
属性：
src：指向一个外部页面的路径，可以使用相对路径
width：
height：
name：可以为内联框架指定一个name属性
在现实开发中不推荐使用内联框架，因为内联框架中的内容不会被搜索引擎所检索
-->
<iframe src="demo06.html" name="tom"></iframe>
<a href="https://www.baidu.com" target="_blank">我是demo12</a>
<!--跳转百度的超链接>
层叠样式表 (Cascading Style Sheets)
css可以用来为网页创建样式表
CSS的样式表由一个一个的样式构成，一个样式又由选择器和声明块构成
选择器{样式名：样式值；样式名：样式值；}
p{color:red;font-size:12px}
内联样式表。可以将样式写在<style>标签中
<style>
p{color:red; font-size:30px;}
</style>
样式只能在一个页面中使用,不能在多个页面中重复使用。
外部样式表
可以将所有的样式保存到一个外部的css文
件中，然后通过<link>标签将样式表引入
到文件中。
<link rel="stylesheet" type="text/css"
href="style.css">
选择器
选择器（selector），会告诉浏览器：网页 上的哪些元素需要设置什么样的样式
元素选择器，元素选择器（标签选择器），可以根据标 签的名字来从页面中选取指定的元素。
语法：
标签名 { }
比如p则会选中页面中的所有p标签，h1会 选中页面中的所有h1标签。
类选择器，可以根据元素的class属性值选 取元素。
语法：
.className { }
比如.hello会选中页面所有class属性为
hello的元素。
ID选择器
ID选择器，可以根据元素的id属性值选取 元素。
语法：
#id { }
比如#box会选中页面中id属性值为box的 元素，和class属性不同，id属性是不能重 复的。
复合选择器（交集选择器）
复合选择器，可以同时使用多个选择器， 这样可以选择同时满足多个选择器的元素。
语法：
– 选择器1选择器2{}
例如div.box1会选中页面中具有box1这个
class的div元素。
群组选择器（并集选择器
群组选择器，可以同时使用多个选择器， 多个选择器将被同时应用指定的样式。
语法：
选择器1,选择器2,选择器3 { }
比如p,.hello,#box会同时选中页面中p元素，
class为hello的元素，id为box的元素。
通用选择器
通用选择器，可以同时选中页面中的所有 元素。
语法：
*{ }
标签之间的关系
祖先元素
直接或间接包含后代元素的元素。
后代元素
直接或间接被祖先元素包含的元素。
父元素
直接包含子元素的元素。
子元素
直接被父元素包含的元素。
兄弟元素
拥有相同父元素的元素。
后代选择器
后代选择器可以根据标签的关系，为处在 元素内部的代元素设置样式。
语法：
祖先元素 后代元素 后代元素 { }
比如p strong 会选中页面中所有的p元素 内的strong元素。
给链接定义样式
有四个伪类可以让你根据访问者与该链接的交 互方式，将链接设置成4种不同的状态。
正常链接
a:link
访问过的链接
a:visited（只能定义字体颜色）
鼠标滑过的链接
a:hover
正在点击的链接
a:active
其他
获取焦点
:focus
指定元素前
:before
指定元素后
:after
选中的元素
::selection
给段落定义样式
首字母
:first-letter
首行
:first-line
子元素选择器
子元素选择器可以给另一个元素的子元素 设置样式。
语法：
父元素 > 子元素{}
比如body > h1将选择body子标签中的所 有h1标签。
兄弟选择器
除了根据祖先父子关系，还可以根据兄弟 关系查找元素。
语法:
查找后边一个兄弟元素
兄弟元素 + 兄弟元素{}
查找后边所有的兄弟元素
兄弟元素 ~ 兄弟元
网友评论