*{
margin:0;
padding:0;
}
* img{
border:0;
}
body{
text-align:center;
font-family:Arial, Helvetica, sans-serif,"宋体";
font-size:12px;
color:#000;
background: #73C5E5 url(bg_center_blue.gif) repeat-y 50% 0;
}
* div {
text-align:left;
}
/*head*/
#head{
background:#fff;
margin:auto;
width:769px;
}
#head_top,#iff{
width:769px;
height:27px;
color:#0059A2;
border-top:3px solid #0A80E0;
background:url(top_bg.gif) bottom repeat-x;
font-size:12px !important;
font-size /*ie5*/:10px;
}
#iff{
border:none;
}
#head_top/*ie5.5*/{
>font-size /*ie5.5*/:12px;
}
#iff/*ie5.5*/{
>font-size /*ie5.5*/:12px;
}
#head_top input,#iff input{
font-size:12px;
}
#head_top form.fone{
padding-left:5px;
}
#head_top form,#iff form{
margin-top:3px;
float:left;
margin-right:3px ;
background:url(login_1.gif) right no-repeat;
padding-right:3px;
}
#head_top input,#head_top img,#iff input,#iff img{
vertical-align:middle;
}
.bva{
background:url(login.gif);
width:59px;
height:18px;
font-size:12px;
color:#0B5596;
padding-top:3px;
border-style:none;
}
#sc{
margin-top:8px;
float:left;
}
#head_top a:hover,#iff a:hover{
color:red;
text-decoration:underline;
}
#head_top a,#iff a{
color:#0059A2;
text-decoration:none;
}
#loginff{
width:420px;
background:url(login_1.gif) 415px 6px no-repeat;
text-align:center;
padding:8px 0 0 0;
}
.red{
color:red;
}
.sclogin{
float:left;
}
#logo{
float:left;
width:230px;
height:60px;
margin-top:10px;
}
#logo h1{
display:none;
}
#ad468{
float:right;
width:468px;
height:60px;
margin-top:5px;
margin-right:25px;
}
/*nav*/
#nav {
margin-left:auto;
margin-right:auto;
margin-top:5px;
width:769px;
clear:both;
background: url(nav_bg.gif) 0 3px repeat-x;
}
#nav ul{
list-style:none;
margin-left:30px;
width:700px;
height:33px;
line-height:33px;
background:url(nav_bg_sep.gif) right bottom no-repeat;
}
#nav li{
position:relative;
float:left;
text-align:center;
font-weight:bold;
background:url(nav_bg_sep.gif) 0 3px no-repeat;
}
#nav li a:hover,#nav li.act a{
width:100px;
display:block;
background:url(nav_bg_top.gif) top repeat-x;
color:#fff;
text-decoration:none;
}
#nav li a {
width:100px;
display:block;
color:#fff;
text-decoration:none;
}
#nav li a.ylast{
background:url(subnav_bg_sep.gif) right no-repeat;
}
#nav li ul{
display:none;
}
#nav li:hover ul{
display:block;
line-height:30px;
list-style:none;
position:absolute;
top:33px;
left:-100px;
width:600px;
margin-left:0;
height:30px;
background: url(subnav_bg.gif) repeat-x;
}
#nav li:hover ul.yi{
left:-200px;
width:500px;
padding-left:100px;
}
#nav li:hover ul.er{
left:-300px;
width:400px;
padding-left:200px;
}
#nav li:hover ul.san{
left:-400px;
width:300px;
padding-left:300px;
}
#nav li:hover ul.si{
left:-500px;
width:200px;
padding-left:400px;
}
#nav li ul li{
float:left;
background:url(subnav_bg_sep.gif) left no-repeat;
}
#nav li ul li a:hover,#nav li.act ul li a:hover{
background:#DCF3C2;
color:#3F5A3F;
}
#nav li ul li a,#nav li.act ul li a{
color: #474;
background:none;
}
#subnav{
margin:auto;
width:769px;
height:30px;
background: url(subnav_bg.gif) repeat-x;
clear:left;
}
#subnav ul{
list-style:none;
width:700px;
margin-left:30px;
line-height:30px;
height:30px;
}
#subnav li{
width:100px;
float:left;
background:url(subnav_bg_sep.gif) left no-repeat;
color: #474;
font-weight:bold;
text-align:center;
}
#subnav li a:hover,#subnav li a.sublast:hover{
display:block;
width:100px;
background:#DCF3C2;
color:#3F5A3F;
text-decoration:none;
}
#subnav li a{
display:block;
width:100px;
color: #474;
text-decoration:none;
}
#subnav li a.sublast{
background:url(subnav_bg_sep.gif) right no-repeat;
}
/*basic*/
#basic{
margin:5px auto;
width:760px;
background:url(basic_title_bg.png) top repeat-x;
clear:both;
overflow:auto;
}
#basic h2{
height:25px;
background:url(basic_title_Left.png) left no-repeat;
color:#fff;
font-size:12px;
padding-left:20px;
line-height:25px;
}
.basic_content{
float:left;
width:253px !important;
width /*ie5*/:242px;
border-bottom:1px solid #55b0DE;
}
.basic_content/*ie5.5*/{
>width /*ie5.5*/:251px;
}
.basic_content ul{
list-style:none;
background-color: #F2F9FF;
border-left: 1px solid #55B0DE;
height:130px !important;
height /*ie5*/:160px;
padding:10px 0 0 0;
}
.basic_content ul.twow{
border-right: 1px solid #55B0DE;
}
.basic_content li{
padding-left:15px;
height:25px;
color:#0b5596;
}
.yel{
font-weight:bold;
color:#de5300;
}
.basic_content a:hover{
background:#DCF3C2;
color:#0b5596;
text-decoration:underline;
}
.basic_content a{
color:#0b5596;
text-decoration:none;
}
/*news*/
#tuijian{
float:left;
width:500px;
margin:5px 0;
background:#f2f9ff url(main_title_bg.png) top repeat-x;
border:1px solid #7ab4e7;
}
.greent{
margin-right:20px;
color:#008200;
font-weight:normal;
text-align:right;
}
#note,#new,#res{
float:left;
background:#f2f9ff url(main_title_bg.png) top repeat-x;
border:1px solid #7ab4e7;
width:250px;
margin-left:1px;
}
.main h2{
height:28px;
line-height:28px;
color:#133b8a;
font-size:12px;
padding-left:20px;
background:url(main_title_Left.png) left no-repeat;
}
.main h3{
margin:5px 0 0 20px;
font-size:14px;
height:17px;
overflow:hidden;
}
.main p{
padding:4px 5px;
margin-bottom:5px;
border-bottom:1px dashed #7ab4e7;
}
.main h2 a:hover,.main h3 a:hover,.listcontent h2 a:hover{
color:#008200;
text-decoration:underline;
}
.main h2 a,.main h3 a,.listcontent h2 a{
color:#133b8a;
text-decoration:none;
}
.main{
margin:5px auto;
width:760px;
clear:both;
}
.main ul,.listhot ul{
list-style:none;
margin:5px;
}
.main li.lileft,.listhot li.lileft{
float:left;
width:175px;
margin-left:5px;
height:25px;
line-height:25px;
overflow:hidden;
}
.main li.liright,.listhot li.liright{
float:right;
width:55px;
height:25px;
font-size:10px;
line-height:25px;
color:#999;
list-style:none;
}
.main li a:hover,.listhot li a:hover{
background:#DCF3C2;
color:#0b5596;
text-decoration:underline;
}
.main li a,.listhot li a{
color:#0b5596;
text-decoration:none;
}
.coolsite{
margin:5px 0;
width:760px;
background:#f2f9ff url(main_title_bg.png) top repeat-x;
overflow:auto;
border:1px solid #7ab4e7;
}
#cosite{
margin-left:auto;
margin-right:auto;
margin-top:10px;
width:760px;
background:#f2f9ff;
clear:both;
overflow:auto;
}
.imgstyle{
margin-top:10px;
margin-left:5px;
float:left;
width:182px;
}
.imgstyle img{
padding:1px;
width:174px;
height:130px;
}
.imgstyle a{
display:block;
border:3px solid #7ec638;
}
.imgstyle a:hover{
display:block;
border:3px solid #7abbeb;
}
.imgtitle{
height:20px;
width:160px !important;
width /**/:182px;
background:url(ico_info.png) left no-repeat;
line-height:20px;
padding-left:20px;
text-align:center;
border:1px solid #7ec638;
margin-bottom:5px;
overflow:hidden;
white-space:nowrap;
}
/*fenlei*/
.fenlei{
float:left;
background:#f2f9ff url(main_title_bg.png) top repeat-x;
border:1px solid #7ab4e7;
width:250px;
margin:5px 0 5px 1px;
}
/*flink*/
#flink{
margin:5px auto;
width:760px;
border:1px solid #7ab4e7;
background:#f2f9ff;
overflow:auto;
clear:left;
}
#flink_title {
width:750px !important;
width /**/:758px;
height:20px;
line-height:20px;
color:#fff;
font-weight:bold;
background:#6699cc;
padding-left:10px;
}
#flink a:hover{
display:block;
float:left;
margin:5px 5px 0 5px;
height:20px;
line-height:20px;
color:#FF6600;
text-decoration:none;
}
#flink a{
float:left;
display:block;
margin:5px 5px 0 5px;
height:20px;
line-height:20px;
color:#133b8a;
text-decoration:none;
}
/*bottom*/
#bottom{
width:760px;
border:1px solid #7ab4e7;
margin:5px auto;
clear:left;
}
#bottom_nav{
width:760px;
height:24px;
line-height:24px;
background:#6699cc;
text-align:center;
}
#bottom_nav a{
color:#fff;
text-decoration:none;
}
#bottom_nav a:hover{
text-decoration:underline;
}
#bottom_content{
width:760px;
background:#f2f9ff;
color:#133b8a;
margin-top:5px;
margin-bottom:5px;
text-align:center;
}
#bottom_content a{
color:#133b8a;
text-decoration:none;
}
/*list*/
#list{
margin:5px auto;
width:760px;
background:url(basic_title_bg.png) top repeat-x;
clear:both;
}
.pagelist,.pagelist_b{
height:25px;
color:#fff;
padding-left:20px;
line-height:25px;
clear:both;
}
.pagelist{
background:url(basic_title_Left.png) left no-repeat;
}
.pagelist_b{
background:#6699cc;
}
.pagelist a:hover,.pagelist_b a:hover{
text-decoration:underline;
}
.pagelist a,.pagelist_b a{
color:#fff;
text-decoration:none;
}
#list_content{
float:left;
width:505px;
}
#list_hot{
float:right;
width:250px;
}
.listcontent{
margin:5px;
padding:5px;
background:#f2f9ff;
border: 1px solid #55B0DE;
overflow:auto;
}
.listcontent h2{
margin:5px 0;
font-size:14px;
height:14px;
overflow:hidden;
}
.listcontent p{
padding:5px 0;
border-bottom: 1px dashed #55B0DE;
}
.listcontent p.more{
font-weight:bold;
color:#006600;
font-size:14px;
}
.listcontent p.more a{
display:block;
float:right;
color:red;
font-weight:normal;
text-decoration:none;
}
.listhot{
margin:5px 0;
background:#f2f9ff url(main_title_bg.png) top repeat-x;
border:1px solid #7ab4e7;
height:280px;
}
.listad{
margin:5px 0;
background:#f2f9ff url(main_title_bg.png) top repeat-x;
border:1px solid #7ab4e7;
overflow:auto;
}
.listad ul{
list-style:none;
}
.listad li{
margin:5px 0;
}
.hot_title{
height:28px;
line-height:28px;
color:#133b8a;
font-weight:bold;
padding-left:20px;
background:url(main_title_Left.png) left no-repeat;
}
/*article*/
#art{
margin:5px auto;
width:760px;
background:url(basic_title_bg.png) top repeat-x;
clear:both;
}
#art h1{
margin-top:20px;
text-align:center;
color:#0b5596;
font-size:16px;
}
#time{
text-align:center;
}
#pagebr a:hover{
color:red;
text-decoration:underline;
}
#pagebr a{
color:#0066CC;
text-decoration:none;
}
#time a{
color:#000;
text-decoration:none;
}
#art p{
margin:10px 0;
}
.showcode{
padding:10px;
background:#ddedfb;
border:1px solid #0099cc;
overflow:auto;
}
.code{
display:block;
padding:10px;
background:#ddedfb;
border:1px solid #0099cc;
overflow:auto;
}
pre strong{
background:#efc
}
code{
background:#fff;
color:#900;
}
pre{
padding:10px;
background:#fff;
border:1px solid #0099cc;
overflow:auto;
}
#art h2,#art h3,#art h4{
margin:10px;
color:#336600;
}
#art p a:hover,#art h2 a:hover,#art h3 a:hover,#art h4 a:hover,#artcontent a:hover{
color:#339900;
text-decoration:underline;
}
#art p a,#art h2 a,#art h3 a,#art h4 a,#artcontent a{
color:#336600;
text-decoration:none;
}
#ggg{
margin-top:10px;
float:right;
width:300px;
height:250px;
}
.info,#artcontent{
border:1px dashed #7ab4e7;
background:#f2f9ff;
padding:10px;
}
#artcontent{
font-size:14px;
}
#artcontent ul{
list-style: none;
}
#artcontent li{
padding:10px;
overflow:auto;
}
#artcontent li a:hover{
color:#336600;
text-decoration: underline;
}
#artcontent li a{
color:#336600;
text-decoration:none;
}
#artcontent li.listy{
background:#ddedfb;
}
#artcontent li.lidown{
background:#ddedfb url(download.gif) 5px center no-repeat;
padding-left:30px;
color:red;
}
#pagebr{
text-align:center;
background:#f2f9ff;
height:20px;
line-height:20px;
}
#comm{
border-top:3px solid #6699cc;
margin:5px auto;
width:760px;
clear:both;
}
.same{
float:left;
width:250px;
margin-right:1px;
}
#comment{
margin:auto;
width:760px;
clear:both;
}
.comments{
margin:5px 0;
background:#f2f9ff url(main_title_bg.png) top repeat-x;
border:1px solid #7ab4e7;
overflow:auto;
}
#comment form{
margin:5px;
}
#comment a:hover{
text-decoration:underline;
}
#comment a{
color:#0b5596;
text-decoration:none;
}
#comment form textarea{
width:745px;
}
#fenx,#tjsc{
margin:auto;
width:760px;
height:20px;
overflow:hidden;
padding-left:20px;
padding-right:20px;
}
#tjsc{
text-align:right;
}
#fenx a:hover,#tjsc a:hover{
text-decoration:underline;
}
#fenx a,#tjsc a{
color:#0b5596;
text-decoration:none;
}
.ggpic{
margin:10px;
text-align:center;
}
<!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=gb2312" />
<meta name="description" content="致力于web标准学习交流,提供国内外优秀技术文章" />
<meta name="keywords" content="web标准,xhtml+css,div+css,DOM,CSS布局,css教程,javascript教程" />
<link href="http://www.w3cpro.cn/templets/w3cpro/img/css.css" type="text/css" rel="stylesheet" media="all" />
<script type="text/javascript">
function addfavorite()
{
if (document.all)
{
window.external.addFavorite('http://www.w3cpro.cn','web标准设计师');
}
else if (window.sidebar)
{
window.sidebar.addPanel('web标准设计师', 'http://www.w3cpro.cn', "");
}
}
</script>
<title>xhtml教程,xhtml文章,xhtml实例,xhtml理论--W3cPro.cn</title>
</head>
<body>
<div id="head">
<div id="head_top">
<form name="searchform" action="/plus/search.php" class="fone">
<label for="keyword">关键字</label>
<input name="keyword" type="text" id="keyword" size="12" /> <input name="imageField" type="image" src="http://www.w3cpro.cn/templets/w3cpro/img/so.gif" />
</form>
<div class="sclogin">
<script type="text/javascript" src="/member/logined.js"></script>
</div>
<div id="sc"><a href='/member/index_do.php?fmdo=user&dopost=regnew'>注册</a> <a href="#" onclick="addfavorite()">收藏本站</a> <a href="/sitemap.html" title="网站地图" target="_blank">网站地图</a> <a href="/rssmap.html" title="网站地图" target="_blank"><img src="http://www.w3cpro.cn/templets/w3cpro/img/icon_rss.gif" alt="rss" /></a></div>
</div>
<div id="logo"><h1>web标准设计师</h1><a href="/" title="web标准设计师"><img src="http://www.w3cpro.cn/templets/w3cpro/img/logo.png" alt="web标准设计师" /></a></div>
<div id="ad468"><script type="text/javascript"><!--
google_ad_client = "pub-5027714358162308";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as_rimg";
google_cpa_choice = "CAAQhZOgnAIaCCfXj46FmpPgKJnA93M";
google_ad_channel = "";
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
</div>
<div id="nav">
<ul>
<li class="act"><a href="/" title="首页">首页</a></li>
<li><a href="/news/index.html" title="新闻资讯">新闻资讯</a> </li>
<li><a href="/article/index.html" title="技术文章">技术文章</a>
<ul>
<li><a href="/article/web/index.html" title="web理论">web理论</a></li>
<li><a href="/article/xhtmlcss/index.html" title="Xhtml+CSS">Xhtml+CSS</a></li>
<li><a href="/article/javascript/index.html" title="Javascript" class="ylast">Javascript</a></li>
</ul>
</li>
<li><a href="/tag/index.html" title="标签参考">标签参考</a>
<ul class="yi">
<li><a href="/tag/xhtml/index.html" title="Xhtml标签">Xhtml标签</a></li>
<li><a href="/tag/css/index.html" title="CSS标签" class="ylast">CSS标签</a></li>
</ul>
</li>
<li><a href="/tutorial/index.html" title="基础教程">基础教程</a>
<ul class="er">
<li><a href="/tutorial/javascript/index.html" title="Javascript教程">Javascript教程</a></li>
<li><a href="/tutorial/xhtml/index.html" title="Xhtml教程">Xhtml教程</a></li>
<li><a href="/tutorial/css/index.html" title="CSS教程" class="ylast">CSS教程</a></li>
</ul>
</li>
<li><a href="/res/index.html" title="资源下载">资源下载</a>
<ul class="san">
<li><a href="/res/soft/index.html" title="软件">软件</a></li>
<li><a href="/res/ebook/index.html" title="电子书" class="ylast">电子书</a></li>
</ul>
</li>
<li class="last"><a href="/coolsite/index.html" title="酷站欣赏">酷站欣赏</a>
<ul class="si">
<li><a href="/coolsite/foreign/index.html" title="">国外</a></li>
<li><a href="/coolsite/china/index.html" title="" class="ylast">国内</a></li>
</ul>
</li>
</ul>
</div>
<div id="subnav">
<ul>
<li>快速分类导航</li>
<li><a href="/xhtml/index.html" title="Xhtml">Xhtml</a></li>
<li><a href="/css/index.html" title="css">CSS</a></li>
<li><a href="/javascript/index.html" title="Javascript" class="sublast">Javascript</a></li>
</ul>
</div>
<div id="list">
<div class="pagelist"><a href='http://www.w3cpro.cn/'>首页</a>><a href='/xhtml/index.html'>xhtml</a>></div>
<div id="list_content">
<div class="listcontent">
<p></p>
<h2><a href="/article/xhtmlcss/168.html" title="采用XHTML和CSS设计可重用可换肤的WEB站点" target="blank">采用XHTML和CSS设计可重用可换肤的WEB站点</a></h2>
<div class="greent">2006-12-07 浏览:56次</div>
<p> 使用XHTML标准的好处是：只需设计页面一次，即可让该页以完全相同的方式在任何现代的浏览器中显示和工作。例如，在按照标准生成以后，页面在Internet Explorer、Mozilla Firefox、Netscape Navigator、Opera、Camino 和 Safari）中以相同的方式显示，而无需完成任何额外</p><h2><a href="/article/xhtmlcss/152.html" title="关于web标准的思考" target="blank">关于web标准的思考</a></h2>
<div class="greent">2006-12-06 浏览:24次</div>
<p> 我是从去年初开始学习web标准的，两年下来也有些心得。最近跳槽了正好闲在家里，写一些出来和大家交流一下。 1对于web标准和W3CXHTML规范的理解 按照习惯的理解，这两个概念似乎都是指的一个东西（就是咱们在这个版里讨论的这些个"高深理论“^_^）。但我认为，事实上从</p><h2><a href="/tutorial/xhtml/138.html" title="[原创]二十二 声明 Declarations——翻译Htmldog" target="blank">[原创]二十二 声明 Declarations——翻译Htmldog</a></h2>
<div class="greent">2006-12-04 浏览:61次</div>
<p> 这篇文章说明怎么定义XHTML文档</p><h2><a href="/tutorial/xhtml/137.html" title="[原创]二十一 Forms 可用性——翻译Htmldog" target="blank">[原创]二十一 Forms 可用性——翻译Htmldog</a></h2>
<div class="greent">2006-12-04 浏览:21次</div>
<p> Forms对残疾用户来说并不是最容易的东西，写满内容页面的导航算一个，form区域和输入信息之间是另外一个。所以对form增加一些元素是个非常好的办法</p><h2><a href="/tutorial/xhtml/136.html" title="[原创]二十 控制表格 Mastering Tables ——翻译Htmldog" target="blank">[原创]二十 控制表格 Mastering Tables ——翻译Htmldog</a></h2>
<div class="greent">2006-12-04 浏览:30次</div>
<p> 你认为你已经了解制作表格。当然，你了解<code>table</code>,<code>tr</code>,<code>td</code>和<code>th</code>标签，已经知道<code>rowspan</code>和<code>colspan</code>属性。</p><h2><a href="/tutorial/xhtml/135.html" title="[原创]十九 控制文本 Mastering Text——翻译Htmldog" target="blank">[原创]十九 控制文本 Mastering Text——翻译Htmldog</a></h2>
<div class="greent">2006-12-04 浏览:34次</div>
<p> 现在<code>br</code>标签被使用过度，当本来应用<code>p</code>标签表示段落的时候。表示段落的时候应该使用<code>p</code>标签。同样的道理，有许多标签应该被用来定义可靠的文本元素，比如quotations引用语, abbreviations缩写和computer code计算机代码</p><h2><a href="/tutorial/xhtml/134.html" title="[原创]十八 链接的可用性——翻译Htmldog" target="blank">[原创]十八 链接的可用性——翻译Htmldog</a></h2>
<div class="greent">2006-12-04 浏览:19次</div>
<p> 这篇文章让你的网页链接更富有可用性。<h2><a href="/tutorial/xhtml/133.html" title="[原创]十七 翻新标准——翻译Htmldog" target="blank">[原创]十七 翻新标准——翻译Htmldog</a></h2>
<div class="greent">2006-12-04 浏览:15次</div>
<p> 这篇文章写给那些懂得html，但没有察觉到网页通不过xhtml校验，没有清晰了解分离语意和表现</p><h2><a href="/article/xhtmlcss/106.html" title="注释在IE中造成文字溢出的研究" target="blank">注释在IE中造成文字溢出的研究</a></h2>
<div class="greent">2006-11-28 浏览:55次</div>
<p> 在蓝色论坛看到这样一篇帖子《IE中发现新BUG "重影"》，觉得很有意思。于是在想到底是什么原因造成的呢？便做了以下测试：</p><h2><a href="/tutorial/xhtml/98.html" title="[原创]十六 有害的标签 Bad Tags——翻译Htmldog" target="blank">[原创]十六 有害的标签 Bad Tags——翻译Htmldog</a></h2>
<div class="greent">2006-11-28 浏览:253次</div>
<p> 这篇文章注意以前完美童话中的html标签，有害的，糟糕的，明显丑陋的，应该被排除在标准html之外的标签，要想只有一半工作量要么颠覆浏览器要么使用更加简单推荐的新标签。</p><h2><a href="/tutorial/xhtml/97.html" title="[原创]十五 Javascript——翻译Htmldog" target="blank">[原创]十五 Javascript——翻译Htmldog</a></h2>
<div class="greent">2006-11-28 浏览:58次</div>
<p> <strong>Javascript</strong>是客户端脚本语言，可以联合html使用。这篇不是javascript指导，只是看看有哪些javascript可以用在html上。</p><h2><a href="/tutorial/xhtml/96.html" title="[原创]十四 定义列表 Definition Lists——翻译Htmldog" target="blank">[原创]十四 定义列表 Definition Lists——翻译Htmldog</a></h2>
<div class="greent">2006-11-28 浏览:31次</div>
<p> 前面讲述了无序列表和有序列表，但一些像Peter Cushing's Doctor，经常忘记定义列表。这也许是因为它们和无序列表、有序列表比起来比较特殊而且没有用处。但一些列表条件和表述（像术语表），就必须使用定义列表。</p><h2><a href="/tutorial/xhtml/95.html" title="[原创]十三 表格 Tables 二——翻译Htmldog" target="blank">[原创]十三 表格 Tables 二——翻译Htmldog</a></h2>
<div class="greent">2006-11-28 浏览:29次</div>
<p> <code>rowspan</code>和<code>colspan</code>属性</p><h2><a href="/tutorial/xhtml/94.html" title="[原创]十二 Meta标签——翻译Htmldog" target="blank">[原创]十二 Meta标签——翻译Htmldog</a></h2>
<div class="greent">2006-11-28 浏览:23次</div>
<p> Meta标签内容不在浏览器窗口显示，它们通常用来为搜索引擎提供网页目录信息</p><h2><a href="/tutorial/xhtml/90.html" title="[原创]十一 Span和Div——翻译Htmldog" target="blank">[原创]十一 Span和Div——翻译Htmldog</a></h2>
<div class="greent">2006-11-26 浏览:56次</div>
<p> <code>span</code>和<code>div</code>标签却没有任何语意</p><h2><a href="/article/xhtmlcss/83.html" title="最小高度100%，页脚保持在底部的布局方法" target="blank">最小高度100%，页脚保持在底部的布局方法</a></h2>
<div class="greent">2006-11-24 浏览:61次</div>
<p> 有时候，我们用CSS创建一个高度自适应布局，如何保证页脚（footer）在内容不超过一屏的情况下始终保持在布局最下方是一个比较头疼的事。我看过一些利用绝对定位的例子，但总感觉不是那么完美，经过一下午的研究总结出一个利用负值外补丁的方法来实现这个效果的方法，兼</p><h2><a href="/article/xhtmlcss/82.html" title="也谈也谈Doctype" target="blank">也谈也谈Doctype</a></h2>
<div class="greent">2006-11-24 浏览:10次</div>
<p> 目前有一堆Doctype可供我们选择：</p><h2><a href="/article/xhtmlcss/74.html" title="正确认识html与body" target="blank">正确认识html与body</a></h2>
<div class="greent">2006-11-23 浏览:30次</div>
<p> standard模式后，定义和解析将更加严格，所有定义必须从顶级标签html开始。</p><h2><a href="/article/xhtmlcss/72.html" title="所有链接都设成_blank简单方法" target="blank">所有链接都设成_blank简单方法</a></h2>
<div class="greent">2006-11-23 浏览:34次</div>
<p> 在页面<head></head>之间加入<base target=_blank>（XHTML：<base target="_blank" />），就会使该页面所有链接均为新开窗口打开。</p><h2><a href="/article/xhtmlcss/67.html" title="以图换字的几个方法及思路" target="blank">以图换字的几个方法及思路</a></h2>
<div class="greent">2006-11-23 浏览:17次</div>
<p> 今天有个朋友做网页的时候遇到个问题：想保留链接的背景，但又要链接里的文字消失！可是弄了半天一直没办法把这个文字去掉。我想很多学标准的朋友都遇到过这个问题，这里我把常用的几个方法写出来，把思路也讲一下，希望能帮助刚开始学习的朋友。</p>
<p></p>
</div>
</div>
<div id="list_hot">
<div class="listhot">
<div class="hot_title">热门文章</div>
<ul>
<li class="lileft"><a href="/tutorial/xhtml/98.html" title="[原创]十六 有害的标签 Bad Tags——翻译Htmldog" target="blank">[原创]十六 有害的标签 Bad Tags——翻译Htmldog</a></li><li class="liright">2006-11-28</li>
<li class="lileft"><a href="/tutorial/xhtml/52.html" title="[原创]十 Forms——翻译Htmldog" target="blank">[原创]十 Forms——翻译Htmldog</a></li><li class="liright">2006-11-23</li>
<li class="lileft"><a href="/tutorial/xhtml/138.html" title="[原创]二十二 声明 Declarations——翻译Htmldog" target="blank">[原创]二十二 声明 Declarations——翻译Htmldog</a></li><li class="liright">2006-12-04</li>
<li class="lileft"><a href="/article/xhtmlcss/83.html" title="最小高度100%，页脚保持在底部的布局方法" target="blank">最小高度100%，页脚保持在底部的布局方法</a></li><li class="liright">2006-11-24</li>
<li class="lileft"><a href="/tutorial/xhtml/97.html" title="[原创]十五 Javascript——翻译Htmldog" target="blank">[原创]十五 Javascript——翻译Htmldog</a></li><li class="liright">2006-11-28</li>
<li class="lileft"><a href="/tutorial/xhtml/90.html" title="[原创]十一 Span和Div——翻译Htmldog" target="blank">[原创]十一 Span和Div——翻译Htmldog</a></li><li class="liright">2006-11-26</li>
<li class="lileft"><a href="/article/xhtmlcss/168.html" title="采用XHTML和CSS设计可重用可换肤的WEB站点" target="blank">采用XHTML和CSS设计可重用可换肤的WEB站点</a></li><li class="liright">2006-12-07</li>
<li class="lileft"><a href="/article/xhtmlcss/106.html" title="注释在IE中造成文字溢出的研究" target="blank">注释在IE中造成文字溢出的研究</a></li><li class="liright">2006-11-28</li>
<li class="lileft"><a href="/tutorial/xhtml/42.html" title="[原创]html起步——翻译Htmldog" target="blank">[原创]html起步——翻译Htmldog</a></li><li class="liright">2006-11-21</li>
<li class="lileft"><a href="/tutorial/xhtml/44.html" title="[原创]三 网页标题title——翻译htmldog" target="blank">[原创]三 网页标题title——翻译htmldog</a></li><li class="liright">2006-11-21</li>
</ul>
</div>
<div class="listhot">
<div class="hot_title">推荐文章</div>
<ul>
<li class="lileft"><a href="/tutorial/xhtml/138.html" title="[原创]二十二 声明 Declarations——翻译Htmldog" target="blank">[原创]二十二 声明 Declarations——翻译Htmldog</a></li><li class="liright">2006-12-04</li>
<li class="lileft"><a href="/tutorial/xhtml/137.html" title="[原创]二十一 Forms 可用性——翻译Htmldog" target="blank">[原创]二十一 Forms 可用性——翻译Htmldog</a></li><li class="liright">2006-12-04</li>
<li class="lileft"><a href="/tutorial/xhtml/136.html" title="[原创]二十 控制表格 Mastering Tables ——翻译Htmldog" target="blank">[原创]二十 控制表格 Mastering Tables ——翻译Htmldog</a></li><li class="liright">2006-12-04</li>
<li class="lileft"><a href="/tutorial/xhtml/135.html" title="[原创]十九 控制文本 Mastering Text——翻译Htmldog" target="blank">[原创]十九 控制文本 Mastering Text——翻译Htmldog</a></li><li class="liright">2006-12-04</li>
<li class="lileft"><a href="/tutorial/xhtml/134.html" title="[原创]十八 链接的可用性——翻译Htmldog" target="blank">[原创]十八 链接的可用性——翻译Htmldog</a></li><li class="liright">2006-12-04</li>
<li class="lileft"><a href="/tutorial/xhtml/133.html" title="[原创]十七 翻新标准——翻译Htmldog" target="blank">[原创]十七 翻新标准——翻译Htmldog</a></li><li class="liright">2006-12-04</li>
<li class="lileft"><a href="/tutorial/xhtml/98.html" title="[原创]十六 有害的标签 Bad Tags——翻译Htmldog" target="blank">[原创]十六 有害的标签 Bad Tags——翻译Htmldog</a></li><li class="liright">2006-11-28</li>
<li class="lileft"><a href="/tutorial/xhtml/97.html" title="[原创]十五 Javascript——翻译Htmldog" target="blank">[原创]十五 Javascript——翻译Htmldog</a></li><li class="liright">2006-11-28</li>
<li class="lileft"><a href="/tutorial/xhtml/96.html" title="[原创]十四 定义列表 Definition Lists——翻译Htmldog" target="blank">[原创]十四 定义列表 Definition Lists——翻译Htmldog</a></li><li class="liright">2006-11-28</li>
<li class="lileft"><a href="/tutorial/xhtml/95.html" title="[原创]十三 表格 Tables 二——翻译Htmldog" target="blank">[原创]十三 表格 Tables 二——翻译Htmldog</a></li><li class="liright">2006-11-28</li>
</ul>
</div>
</div>
<div class="pagelist_b">首页
1
<a href='/xhtml/list_18_2.html'>[2]</a>
<a href='/xhtml/list_18_2.html'>下一页</a>
<a href='/xhtml/list_18_2.html'>末页</a>
</div>
</div>
<div id="bottom"><div id="bottom_nav"><a href="#" title="关于我们">关于我们</a> <a href="#" title="广告服务">广告服务</a> <a href="#" title="网站服务">网站服务</a> <a href="#" title="帮助中心">帮助中心</a> <a href="mailto:lajisina-163@yahoo.com.cn" title="邮件联系">邮件联系</a></div>
<div id="bottom_content"><p>本站所有内容（特别说明除外）都是自由的，只要保留本站或作者链接，无论是否涉及商业，您可以任意转载和引用。</p><p>Copyright © 2006 www.w3cpro.cn All Rights Reserved </p></div>
</div>
</body>
</html>
1521
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
