天天看點

http://www.w3cpro.cn/xhtml/index.html 的css

*{
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" />
<!--[if IE]> 
<style type="text/css">
	body {behavior:url("http://www.w3cpro.cn/templets/w3cpro/img/csshover.htc");}
</style>
<![endif]-->

<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>
      
<!-- head -->
<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&amp;dopost=regnew'>娉ㄥ??</a>&nbsp;<a href="#" onclick="addfavorite()">?惰????绔?</a>&nbsp;<a href="/sitemap.html" title="缃?绔??闆?? target="_blank">缃?绔??闆??lt;/a>&nbsp;<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>
<!-- nav -->
<div id="nav"> 
<ul>
<li class="act"><a href="/" title="棣?椤?>棣?椤?lt;/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??璁?lt;/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??绛?lt;/a></li>
<li><a href="/tag/css/index.html" title="CSS??绛? class="ylast">CSS??绛?lt;/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="璧?婧?涓?杞?>璧?婧?涓?杞?lt;/a> 
<ul class="san">
<li><a href="/res/soft/index.html" title="杞?浠?>杞?浠?lt;/a></li>
      
<li><a href="/res/ebook/index.html" title="?靛??涔? class="ylast">?靛??涔?lt;/a></li>
</ul>
</li>
<li class="last"><a href="/coolsite/index.html" title="?風??娆h?">?風??娆h?</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>
<!-- list -->
<div id="list">
<div class="pagelist"><a href='http://www.w3cpro.cn/'>棣?椤?lt;/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="????HTML??CSS璁捐?″?????ㄥ???㈣?ょ??WEB绔??? target="blank">????HTML??CSS璁捐?″?????ㄥ???㈣?ょ??WEB绔???lt;/a></h2>
<div class="greent">2006-12-07&nbsp;&nbsp;娴?瑙?:56娆?lt;/div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;浣跨??HTML??????濂藉???锛?????璁捐?¢〉???娆★??沖??璁╄?ラ〉浠ュ???ㄧ?稿?????瑰??ㄤ換浣??頒唬??娴?瑙??ㄤ腑?劇ず??宸ヤ???渚?濡?锛??ㄦ???ф????????浠ュ??锛?椤甸?㈠??nternet 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&nbsp;&nbsp;娴?瑙?:24娆?lt;/div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;????浠??誨勾??寮?濮?瀛??web??????锛?涓ゅ勾涓??ヤ???浜?蹇?寰?????杩?璺蟲Ы浜?姝eソ?插?ㄥ?堕??锛???涓?浜??烘?ュ??澶у?朵氦娴?涓?涓??? 1瀵逛?web??????W3CXHTML瑙???????瑙????т???????瑙o?杩?涓や釜姒?蹇典技涔??芥??????涓?涓?涓?瑗匡?灏辨???變滑?ㄨ?涓?????璁ㄨ?虹??杩?浜?涓?"楂?娣辯??璁衡??^_^锛???浣???璁や負锛?浜?瀹?涓?浠?</p><h2><a href="/tutorial/xhtml/138.html" title="[????]浜???浜? 澹版?? Declarations????缈昏??Htmldog" target="blank">[????]浜???浜? 澹版?? Declarations????缈昏??Htmldog</a></h2>
      
<div class="greent">2006-12-04&nbsp;&nbsp;娴?瑙?:61娆?lt;/div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;杩?绡???绔?璇存????涔?瀹?涔?XHTML??妗?lt;/p><h2><a href="/tutorial/xhtml/137.html" title="[????]浜???涓? Forms ???ㄦ?р????缈昏??Htmldog" target="blank">[????]浜???涓? Forms ???ㄦ?р????缈昏??Htmldog</a></h2>
<div class="greent">2006-12-04&nbsp;&nbsp;娴?瑙?:21娆?lt;/div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Forms瀵規???劇?ㄦ?鋒?ヨ?村苟涓?????瀹規????涓?瑗匡???婊″??瀹歸〉?㈢??瀵艱??绠?涓?涓?锛?form?哄????杈??ヤ俊??涔??存?????涓?涓?????浠ュ??orm澧???涓?浜???绱???涓???甯稿ソ????娉?</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&nbsp;&nbsp;娴?瑙?:30娆?lt;/div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;浣?璁や負浣?宸茬?浜?瑙e?朵?琛ㄦ?箋??褰??訛?浣?浜?瑙?lt;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&nbsp;&nbsp;娴?瑙?:34娆?lt;/div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;?闆??lt;code>br</code>??绛捐?浣跨?ㄨ?搴??褰????ュ???lt;code>p</code>??绛捐〃绀烘?佃?界???跺????琛ㄧず娈佃?界???跺??搴?璇ヤ嬌??lt;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&nbsp;&nbsp;娴?瑙?:19娆?lt;/div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;杩?绡???绔?璁╀???缃?椤甸?炬?ユ?村???????ㄦ?с??</</p><h2><a href="/tutorial/xhtml/133.html" title="[????]??涓? 缈繪?版????????缈昏??Htmldog" target="blank">[????]??涓? 缈繪?版????????缈昏??Htmldog</a></h2>
      
<div class="greent">2006-12-04&nbsp;&nbsp;娴?瑙?:15娆?lt;/div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;杩?绡???绔???缁??d???寰?html锛?浣?娌℃??瀵?瑙??扮?椤甸??涓?杩?xhtml?¢??锛?娌℃??娓??頒?瑙e??绂昏??????琛ㄧ??lt;/p><h2><a href="/article/xhtmlcss/106.html" title="娉ㄩ????E涓???????瀛?婧㈠?虹????绌? target="blank">娉ㄩ????E涓???????瀛?婧㈠?虹????绌?lt;/a></h2>
<div class="greent">2006-11-28&nbsp;&nbsp;娴?瑙?:55娆?lt;/div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;?ㄨ???茶?哄?????拌??蜂?绡?甯?瀛???IE涓????版??UG "??褰???锛?瑙?寰?寰?????????浜????ㄦ?沖?闆???浠?涔??????????????渚垮??浜?浠ヤ?娴?璇?锛?</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&nbsp;&nbsp;娴?瑙?:253娆?lt;/div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;杩?绡???绔?娉ㄦ??浠ュ??瀹?缇?绔ヨ??涓???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&nbsp;&nbsp;娴?瑙?:58娆?lt;/div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>Javascript</strong>??瀹㈡?風??????璇?瑷?锛???浠ヨ????html浣跨?ㄣ??杩?绡?涓???javascript??瀵鹼?????????????浜?javascript??浠ョ?ㄥ??tml涓???</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&nbsp;&nbsp;娴?瑙?:31娆?lt;/div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;???㈣?茶堪浜???搴???琛ㄥ????搴???琛??浣?涓?浜???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&nbsp;&nbsp;娴?瑙?:29娆?lt;/div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<code>rowspan</code>??<code>colspan</code>灞???lt;/p><h2><a href="/tutorial/xhtml/94.html" title="[????]??浜? Meta??绛鋸????缈昏??Htmldog" target="blank">[????]??浜? Meta??绛鋸????缈昏??Htmldog</a></h2>
      
<div class="greent">2006-11-28&nbsp;&nbsp;娴?瑙?:23娆?lt;/div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Meta??绛懼??瀹逛??ㄦ?瑙??ㄧ???f?劇ず锛?瀹?浠???甯哥?ㄦ?ヤ負??绱㈠?????渚?缃?椤電??褰?淇℃??</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&nbsp;&nbsp;娴?瑙?:56娆?lt;/div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<code>span</code>??<code>div</code>??绛懼?存病??浠諱?璇???</p><h2><a href="/article/xhtmlcss/83.html" title="??灏?楂?搴?00%锛?椤佃??淇????ㄥ??ㄧ??甯?灞??規?" target="blank">??灏?楂?搴?00%锛?椤佃??淇????ㄥ??ㄧ??甯?灞??規?</a></h2>
<div class="greent">2006-11-24&nbsp;&nbsp;娴?瑙?:61娆?lt;/div>
      
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;???跺??锛???浠???SS??寤轟?涓?楂?搴?????搴?甯?灞?锛?濡?浣?淇?璇?椤佃??锛?footer锛??ㄥ??瀹逛?瓒?杩?涓?灞??????典?濮?缁?淇????ㄥ?灞???涓??規??涓?涓?姣?杈?澶寸?肩??浜???????杩?涓?浜??╃?ㄧ?瀵瑰??浣???渚?瀛?锛?浣??繪??瑙?涓????d?瀹?缇?锛?缁?杩?涓?涓???????绌舵?葷??轟?涓??╃?ㄨ??煎?琛ヤ????規??ュ???拌?涓????????規?锛???lt;/p><h2><a href="/article/xhtmlcss/82.html" title="涔?璋?涔?璋?Doctype" target="blank">涔?璋?涔?璋?Doctype</a></h2>
<div class="greent">2006-11-24&nbsp;&nbsp;娴?瑙?:10娆?lt;/div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;??????涓???Doctype??渚???浠????╋?</p><h2><a href="/article/xhtmlcss/74.html" title="姝g‘璁よ??html涓?body" target="blank">姝g‘璁よ??html涓?body</a></h2>
<div class="greent">2006-11-23&nbsp;&nbsp;娴?瑙?:30娆?lt;/div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;standard妯″???锛?瀹?涔???瑙f??灏??村??涓ユ?鹼?????瀹?涔?蹇?椤諱?椤剁駭??绛?tml寮?濮???</p><h2><a href="/article/xhtmlcss/72.html" title="?????炬?ラ?借?炬??_blank绠????規?" target="blank">?????炬?ラ?借?炬??_blank绠????規?</a></h2>
<div class="greent">2006-11-23&nbsp;&nbsp;娴?瑙?:34娆?lt;/div>
      
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;?ㄩ〉??lt;head></head>涔??村????lt;base target=_blank>锛?XHTML锛?<base target="_blank" />锛?锛?灏變?浣胯?ラ〉?㈡?????炬?ュ??涓烘?闆?绐??f??寮???</p><h2><a href="/article/xhtmlcss/67.html" title="浠ュ?炬?㈠??????涓??規?????璺?" target="blank">浠ュ?炬?㈠??????涓??規?????璺?</a></h2>
<div class="greent">2006-11-23&nbsp;&nbsp;娴?瑙?:17娆?lt;/div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;浠?澶╂??涓???????缃?椤電???跺?????頒釜??棰?锛??充????炬?ョ??????锛?浣???瑕??炬?ラ??????瀛?娑?澶憋?????寮?浜???澶╀??存病??娉???杩?涓???瀛??繪???????沖?澶?瀛????????????介???拌?杩?涓???棰?锛?杩???????甯哥?ㄧ????涓??規????烘?ワ?????璺?涔?璁蹭?涓?锛?甯????藉府?╁??寮?濮?瀛??????????</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="??灏?楂?搴?00%锛?椤佃??淇????ㄥ??ㄧ??甯?灞??規?" target="blank">??灏?楂?搴?00%锛?椤佃??淇????ㄥ??ㄧ??甯?灞??規?</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="????HTML??CSS璁捐?″?????ㄥ???㈣?ょ??WEB绔??? target="blank">????HTML??CSS璁捐?″?????ㄥ???㈣?ょ??WEB绔???lt;/a></li><li class="liright">2006-12-07</li>
<li class="lileft"><a href="/article/xhtmlcss/106.html" title="娉ㄩ????E涓???????瀛?婧㈠?虹????绌? target="blank">娉ㄩ????E涓???????瀛?婧㈠?虹????绌?lt;/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'>涓?涓?椤?lt;/a>
 <a href='/xhtml/list_18_2.html'>??椤?lt;/a>
  </div>
</div>
<!-- bottom -->
<div id="bottom"><div id="bottom_nav"><a href="#" title="?充???浠?">?充???浠?</a> &nbsp;&nbsp; <a href="#" title="骞垮??????>骞垮??????lt;/a> &nbsp;&nbsp; <a href="#" title="缃?绔?????>缃?绔?????lt;/a> &nbsp;&nbsp; <a href="#" title="甯??╀腑蹇?">甯??╀腑蹇?</a>&nbsp;&nbsp;<a href="mailto:[email?protected]" title="??浠惰??绯?>??浠惰??绯?lt;/a></div>
      
<div id="bottom_content"><p>??绔???????瀹癸??瑰??璇存???ゅ?锛??芥?????辯??锛???瑕?淇?????绔???浣????炬?ワ???璁烘?????????涓?锛??ㄥ??浠ヤ換??杞?杞藉??寮??ㄣ??</p><p>Copyright &copy; 2006 www.w3cpro.cn All Rights Reserved&nbsp;</p></div>
</div>
</body>
</html>
      

?

繼續閱讀