SOURCE

<h1>JSRun项目信息</h1>
<h2>JSRun项目信息</h2>
<p>jsrun项目信息</p>
<!--分组选择器-->
<h3>为作品添加一些说明。</h3>
<div class="mark">
  <h3>为作品添加一些说明</h3>
  
</div>
<h3>为作品添加一些说明</h3>
<!--嵌套选择器-->
<p1>为作品添加一些说明，以便顺利展现在用
  <h4>JSRUN项目信息</h4>
  户的搜索结果中。凑个字数吧。</p1>
<!--子元素选择器-->
<b>JSRUN<i>想不起来这个标签是啥意思</i>项目信息</b>
<p2>资源引用，报告bug</p2><br>
<!--相邻兄弟选择器-->
<div1>
  <strong>资源引用 报告bug</strong>
</div1>
<strong>资源引用 报告bug</strong>
<strong>资源引用 报告bug</strong>
<strong>资源引用 报告bug</strong>
<!--普通相邻兄弟选择器--><br>
<HR align=center width=500 color=#987cb9 SIZE=1>
<a href="/css/" target="_blank">这是一个链接</a>
  <HR align=center width=500 color=#987cb9 SIZE=1>
    <ul>jsrun项目信息</ul>
       <ul>jsrun项目信息</ul>
    <HR align=center width=500 color=#987cb9 SIZE=1>
      <p5>I am a <i>strong</i> man. I am a <i>strong</i> man.</p5>
<p5>I am a <i>strong</i> man. I am a <i>strong</i> man.</p5>
<p5><b>注意:</b> 当 :first-child 作用于 IE8 以及更早版本的浏览器, ！DOCTYPE 必须已经定义.</p5>
       <HR align=center width=500 color=#987cb9 SIZE=1>
         <div id="f">
           
           <p3>为作品添加一些说辞，比便顺利展现在用户的搜索结果中</p3>
         </div>
         <div id="e">
         <img border="0" src="http://photocdn.sohu.com/20151106/mp40105516_1446806739327_1_th.jpeg" alt="Pulpit rock" width="304" height="228">
         </div>
         <footer>
           <div>
           <table width="500" height="30" border="1" class="g">
             <tr>
               <td> &nbsp; &nbsp; &nbsp;http://www.tzq.com本网站最终解释权归谭桢琼所有2017-3-14</td>
             </tr>
           </table>
           </div>
         </footer>
         <div class="b">
           <p4>这只是一个盒子</p4>
           
         </div>
         <div id="grad1"></div>

h1,p{color:green;
background-color:yellow;}
h3{text-align:center;}
.mark{background-color:green;}
.mark h3{color:white;}
p1>h4{background-color:blue;
color:white;}
b+p2{background-color:red;
color:blue;}
div1~strong{color:red;}

a:link {color:red;}      /* 未访问链接*/
a:visited {color:green;}  /* 已访问链接 */
a:hover {color:black;}  /* 鼠标移动到链接上 */
a:active {color:blue;}  /* 鼠标点击时 */
ul:first-child{color:white;
background-color:black;}
p5 > i:first-child
{
	color:blue;
} 
#f{width:100px;
height:100px;
background-color:black;
margin-top:100px;
margin-left:200px;
mar}
#e{
  position:absolute;
          left:150px;
          top:840px;
}
#f,p3{color:white;}
.g{position:absolute;
         
          top:1075px;
background-color:yellow;}
.b {
    background-color: lightgrey;
    width: 100px;
    border: 30px solid green;
    padding: 30px;
position:absolute;
}
.b,p4{color:red;}
#grad1 {
    height: 241px;
    background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */
    background: linear-gradient(red, blue); /* 标准的语法（必须放在最后） */