<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>样式表</title>
<style type="text/css">
body,td,th {
font-family: "仿宋";
内嵌样式表
font-size: 18px;
color: #C00;
background-color: #FC0; background-image:
url(%E7%99%BE%E5%BA%A6%E4%B8%80%E4%B8%8B%EF%BC%8C%E4%BD%A0%E5%B0%B1%E7%9F%A5%E9%81%93_files/bd_logo1.png);background-position: center;
background-repeat:no-repeat;
font-family:SimSun-ExtB, Terminal, System, HAKUYOCaoShu3500, Fixedsys ;
font-size:36px; font-weight:lighter;font:#993; text-decoration:line-through; text-align:center;
}
.mycss {
font-size: 38px;
font-style: oblique;
}
#myid {
font-size: 40px;
font-style: oblique; color:#000;
}
a:link {
font-size: smaller; nav-right:
}
</style>
<!--外部样式表-->
<!--<link href="table布局.html" rel="stylesheet" type="text/css" />-->
<link href="mycs.css" rel="stylesheet" type="text/css" />
</head><!--样式表文件-->
<body>
<div style=" visibility:hidden"><p>隐藏的同时空间保留着</p></div>
<div style=" display:none"><p>隐藏的同时空间也隐藏了</p></div>
<a href="http:\www.baidu.com" target="_blank">我的外部样式表</a>
<p class="mycss" >我的类样式表</a>
<br />
<p id="myid">我的id连接（相同id只能引用一次）</p>
<p style=" color:#0FF;font-size:22px" >我的内联样式表</p>
<span style="color:#39F;font-size:26px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif">我的内联样式表</span>
<br />
<textarea name="textarea" style=" 300PX; height: 300PX; color: #00F; background-color: #3FC;">1234567890-</textarea>
</body>
</html>