SOURCE

<p id="p1">我们在每天早上 <time>9:00</time> 开始营业。</p>
<h1 class="center">这个标题不受影响</h1>
<p class="center">这个段落居中对齐。</p> 
<p>我在 <time datetime="2016-10-01">国庆节</time> 有个活动。</p>
<p><strong>注意：</strong>Internet Explorer 8 及更早版本不支持  time 标签。</p>
<h1 id="p2" class="class1" >网页设计与制作</h1>
<h1 id="p1" class="class1" >网页设计与制作</h1>
<h1 id="p1" class="class1" style="color">网页设计与制作</h1>
<h1 id="p2" class="class1 class2" >网页设计与制作</h1>
<h1 id="p2" class="class2 class1" >网页设计与制作</h1>
<h1 id="p1" class="class2 class1" >网页设计与制作</h1>

  <img src="http://www.runoob.com/try/demo_source/w3css.gif" width="250" height="250" />
<div class="ex">上面的图片是250 px宽。
这个元素的总宽度也是250 px。</div>

 
<div class="eq">
  <h2>个人信息注册表</h2>
  年级：<select>  
        <option class="selected"><a href="#">大二</a></option>  
        <option value="/wbr">大一</option>  
        <option value="/time">大三</option>  
        <option value="/rt">大四</option>  
    </select>  
  <br>
  姓名：<input type="text" name="lastname"><br>
  性别：<input type="radio" name="sex" value="male">男
<input type="radio" name="sex" value="female">女<br>
  爱好：
  <form action="demo-form.php" method="get">
  <input type="checkbox" name="vehicle" value="Bike"> 绘画<br>
  <input type="checkbox" name="vehicle" value="Car" checked="checked"> 书法 <br>
    <input type="checkbox" name="vehicle" value="Car" checked="checked"> 运动 <br>
    <input type="checkbox" name="vehicle" value="Car" checked="checked"> 音乐 <br>  
</form>
  <br> 
  <input type="submit"  value="提交">
</div>

#p1
{
  background-color:#d0e4fe;
  text-align:center;
	color:red;
}
.class1
{ 
  background-color:#d0e4fe;
}
.class2
{ 
  color:orange;
    text-align:center;
}
p.center
{
	text-align:center;
 
}
div.ex
{
width:220px;
padding:10px;
border:5px solid gray;
margin:0px;
  background-color:#d0e4fe;
}
h2{
  TEXT-align:center;
  color:blue;
 }
div.eq {
    background-color: lightgrey;
    width: 200px;
    border: 5px solid green;
    padding: 5px;
    margin: 25px;
  height:300px;
}