DW CSS超链接样式代码该输在那里，我怎么输后老是没反映。

html-css014

DW CSS超链接样式代码该输在那里，我怎么输后老是没反映。,第1张

1.外部样式表 标签在（文档的）头部<head>

<link rel="stylesheet" type="text/css" href="mystyle.css" />

</head>2.内部样式表 当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用 <style>标签在文档头部定义内部样式表，就像这样:<head>

<style type="text/css">

hr {color: sienna}

p {margin-left: 20px}

body {background-image: url("images/back40.gif")}

</style>

</head>

3.内联样式由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。请慎用这种方法，例如当样式仅需要在一个元素上应用一次时。<p style="color: siennamargin-left: 20px">

This is a paragraph

</p>

把这些代码复制到html文件里看看吧，要解释起码要几万字，打不了那么多。

你自己慢慢研究一下，很容易看懂

<!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/htmlcharset=gb2312" />

<title>www.8ma.com.cn</title>

<style type="text/css">

.nTab{

float: left

width: 100%

margin: 0 auto

border-bottom:1px #AACCEE solid

background:#d5d5d5

background-position:left

background-repeat:repeat-y

margin-bottom:2px

}

.nTab .TabTitle{

clear: both

height: 22px

overflow: hidden

}

.nTab .TabTitle ul{

border:0

margin:0

padding:0

}

.nTab .TabTitle li{

float: left

width: 70px

cursor: pointer

padding-top: 4px

padding-right: 0px

padding-left: 0px

padding-bottom: 2px

list-style-type: none

font-size: 12px

text-align: center

margin: 0

}

.nTab .TabTitle .active{background:#fffborder-left:1px #AACCEE solidborder-top:1px #AACCEE solidborder-right:1px #AACCEE solidborder-bottom:1px #fff solid}

.nTab .TabTitle .normal{background:#EBF3FBborder:1px #AACCEE solid}

.nTab .TabContent{

width:autobackground:#fff

margin: 0px auto

padding:10px 0 0 0

border-right:1px #AACCEE solidborder-left:1px #AACCEE solid

}

.none {display:none}

</style>

<script type="text/javascript">

function nTabs(thisObj,Num){

if(thisObj.className == "active")return

var tabObj = thisObj.parentNode.id

var tabList = document.getElementById(tabObj).getElementsByTagName("li")

for(i=0i <tabList.lengthi++)

{

if (i == Num)

{

thisObj.className = "active"

document.getElementById(tabObj+"_Content"+i).style.display = "block"

}else{

tabList[i].className = "normal"

document.getElementById(tabObj+"_Content"+i).style.display = "none"

}

}

}

</script>

</head>

<body>

<br />

<br />

<div align="center" style="padding-left:25px">

<!-- 选项卡0开始 -->

<div class="nTab">

<!-- 标题开始 -->

<div class="TabTitle">

<ul id="myTab0">

<li class="active" onmouseover="nTabs(this,0)">全部</li>

<li class="normal" onmouseover="nTabs(this,1)">日志</li>

<li class="normal" onmouseover="nTabs(this,2)">咨询</li>

<li class="normal" onmouseover="nTabs(this,3)">相册</li>

<li class="normal" onmouseover="nTabs(this,4)">商城</li>

<li class="normal" onmouseover="nTabs(this,5)">社区</li>

</ul>

</div>

<!-- 内容开始 -->

<div class="TabContent">

<div id="myTab0_Content0">000 </div>

<div id="myTab0_Content1" class="none">111</div>

<div id="myTab0_Content2" class="none">222</div>

<div id="myTab0_Content3" class="none">333</div>

<div id="myTab0_Content4" class="none">444</div>

<div id="myTab0_Content5" class="none">555</div>

</div>

</div>

<!-- 选项卡0结束 -->

<!-- 选项卡1开始 -->

<div class="nTab" style=width:288px>

<!-- 标题开始 -->

<div class="TabTitle">

<ul id="myTab1">

<li class="active" onclick="nTabs(this,0)">aaa</li>

<li class="normal" onclick="nTabs(this,1)">bbb</li>

<li class="normal" onclick="nTabs(this,2)">ccc</li>

<li class="normal" onclick="nTabs(this,3)">单击</li>

</ul>

</div>

<!-- 内容开始 -->

<div class="TabContent">

<div id="myTab1_Content0">000 </div>

<div id="myTab1_Content1" class="none">111 </div>

<div id="myTab1_Content2" class="none">222 </div>

<div id="myTab1_Content3" class="none">333 </div>

</div>

</div>

<!-- 选项卡1结束 -->

</div>

</body>

</html>