一，CSS表现
1,<style type="text/css">固定写法， 兼容低版本浏览器的 注释是/**/内部样式
可以写一些字体大小，照片大小，颜色等
</sryle>
注释是<!--
-->
注释不能嵌套
2,link标签
<link rel="stylesheet" type="text/css" href="css/style.css"/>引入外部样式表，就是另一个文本，比如改颜色，改字体，照片大小等，列如：p{
color：red; font-size:40px
}
3,<p style="color:red; font-size:40px"> 描述颜色的，另外是字体大小,不推荐使用内联样式
块元素，内联元素
<div style="background-color:yeloow; width:200px;">
复合选择器 span.p3{
background-color: yellow；
}
选择器分组（并集选择器）
p1{
background-color: yellow；
}
.p2{
background-color: yellow；
}
h1{
background-color: yellow；
}
元素选择器.p{
color: red;
}
h1{
color: red;
}
id选择器 p1{
font-size: 20px;
}
类选择器 .p2{
color:red;
}
通配选择器 *{
color： red;
}
.p3{
background-color: yellow；
}
二，歌曲.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>这个年纪</title>
<meta charset=“UTF-8”/>
</head>
<body>
<center>
<a href="#last">去底部</a>
<a href="#">去指定位置</a>
<h1>这是我的个人博客</h1>
<hr/>
<h2>这个年纪</h2>
<a href="#">齐一</a>
<p>当我发现我已到了</p>
<p>但我的女人呢</p>
<p>该成家的年纪</p>；
<p>但我的女人呢</p>
<p>当我习惯把实话</p>
<p>都变成了童话</p>
<p>那我的单纯呢</p>
<p>那我的单纯呢</p>
<p>这个年纪我已不再将就</p>
<img src="10.jpg" alt="这是齐一的照片" />
<p>有些事情无法强求</p>
<p>该来的总会来</p>
<p>该走的也无法挽留</p>
<p>青春慢慢从身边溜走</p>
<p>我开始变的怀旧</p>
<p>喝光了这杯酒</p>
<p>就再也无法回头</p>
<p>这个年纪的我们</p>
<p>爱情跟不上分开的节奏</p>
<p>这个年纪的我们</p>
<p>更珍惜难得的自由</p>
<p>这个年纪的我们</p>
<p>比起从前更容易感动</p>
<p>这个年纪的我们</p>
<p>徘徊在理想与现实之中</p>
<p>这个年纪我已不再将就</p>
<p>有些事情无法强求</p>
<p>该来的总会来</p>
<p>该走的也无法挽留</p>
<p>青春慢慢从身边溜走</p>
<img src="11.jpg" alt="这是齐一的照片" />
<p>我开始变的怀旧</p>
<p>喝光了这杯酒</p>
<p>就再也无法回头</p>
<p>这个年纪的我们</p>
<p>爱情跟不上分开的节奏</p>
<p>这个年纪的我们</p>
<p>更珍惜难得的自由</p>
<p>这个年纪的我们</p>
<p>比起从前更容易感动</p>
<p>这个年纪的我们</p>
<p>徘徊在理想与现实之中</p>
<p>不知不觉孤独不再可耻了</p>
<p>不知不觉爸爸的情绪</p>
<p>变得脆弱了</p>
<p>不知不觉一把柴米油盐</p>
<p>也成为压力了</p>
<p>不知不觉我们也开始懂事了</p>
<p>呐呐呐呐呐呐呐呐呐呐</p>
<p>呐呐呐呐呐呐呐呐呐呐</p>
<p>呐呐呐呐呐呐呐呐呐呐</p>
<p>呐呐呐呐呐呐呐呐呐呐</p>
<p>-</p>
<hr/>
<p>友情链接: <a href="http:www.baidu.com">A网站</a> | <a href="http:www.baidu.com"><a href="http:www.baidu.com">B网站</a> | <a href="http:www.baidu.com">C网站</a></p><br/>
<a href="#top">回到顶部</a> | <a href="QQ2957804911">联系我们</ a>
</html>
