
懂HTMLcss语言的高手请进,菜鸟有如下问题不知! 请看下面完整的代码,为什么表格第一行的高度不一样呢?
<html><head><title>欧洲信息技术市场产值</title><styletype="text/css"><!--h1{font-family:黑体;font...
<html>
<head>
<title>欧洲信息技术市场产值</title>
<style type="text/css">
<!--
h1{font-family:黑体;font-size:30px;font-weight:bolder;text-align:center}
#w1 {font-family:幼圆;font-size:15px;font-weight:bolder;text-align:center}
#w2{font-family:黑体;font-size:15px;font-weight:bold}
-->
</style>
</head>
<body>
<center>
<h1>欧洲信息技术市场产值</h1>
<table border=2 >
<tr>
<th colspan=2 height=50 width=150 id=w1>类别</th>
<td height=30 width=100 id=w2>1999</td>
<td height=30 width=100 id=w2>2000</td>
<td height=30 width=100 id=w2>2001</td>
<td height=30 width=100 id=w2>2002</td>
<td height=30 width=100 id=w2>2003</td>
</tr>
<tr>
<td rowspan=3 id=w1>计算机</td>
<td id=w1>硬件</td>
<td id=w2>74.2</td>
<td id=w2>76.3</td>
<td id=w2>81.6</td>
<td id=w2>86.4</td>
<td id=w2>90.0</td>
</tr>
<tr>
<td id=w1>软件</td>
<td id=w2>31.3</td>
<td id=w2>33.8</td>
<td id=w2>36.8</td>
<td id=w2>40.0</td>
<td id=w2>50.0</td>
</tr>
<tr>
<td id=w1>服务</td>
<td id=w2>60.2</td>
<td id=w2>63.9</td>
<td id=w2>68.7</td>
<td id=w2>73.6</td>
<td id=w2>80.0</td>
</tr>
<tr>
<th height=30 width=150 colspan=2 id=w1>通信</th>
<td id=w2>190.0</td>
<td id=w2>202.7</td>
<td id=w2>217.5</td>
<td id=w2>235.1</td>
<td id=w2>220.0</td>
</tr>
</table>
</center>
</body>
</html>
一个高度是50.其余的都是30,按说应该是一样的啊 展开
<head>
<title>欧洲信息技术市场产值</title>
<style type="text/css">
<!--
h1{font-family:黑体;font-size:30px;font-weight:bolder;text-align:center}
#w1 {font-family:幼圆;font-size:15px;font-weight:bolder;text-align:center}
#w2{font-family:黑体;font-size:15px;font-weight:bold}
-->
</style>
</head>
<body>
<center>
<h1>欧洲信息技术市场产值</h1>
<table border=2 >
<tr>
<th colspan=2 height=50 width=150 id=w1>类别</th>
<td height=30 width=100 id=w2>1999</td>
<td height=30 width=100 id=w2>2000</td>
<td height=30 width=100 id=w2>2001</td>
<td height=30 width=100 id=w2>2002</td>
<td height=30 width=100 id=w2>2003</td>
</tr>
<tr>
<td rowspan=3 id=w1>计算机</td>
<td id=w1>硬件</td>
<td id=w2>74.2</td>
<td id=w2>76.3</td>
<td id=w2>81.6</td>
<td id=w2>86.4</td>
<td id=w2>90.0</td>
</tr>
<tr>
<td id=w1>软件</td>
<td id=w2>31.3</td>
<td id=w2>33.8</td>
<td id=w2>36.8</td>
<td id=w2>40.0</td>
<td id=w2>50.0</td>
</tr>
<tr>
<td id=w1>服务</td>
<td id=w2>60.2</td>
<td id=w2>63.9</td>
<td id=w2>68.7</td>
<td id=w2>73.6</td>
<td id=w2>80.0</td>
</tr>
<tr>
<th height=30 width=150 colspan=2 id=w1>通信</th>
<td id=w2>190.0</td>
<td id=w2>202.7</td>
<td id=w2>217.5</td>
<td id=w2>235.1</td>
<td id=w2>220.0</td>
</tr>
</table>
</center>
</body>
</html>
一个高度是50.其余的都是30,按说应该是一样的啊 展开
展开全部
只是就你这个例子说 height=50 你自己设的50px 其他的30px 当然不一样了 写的代码没有意义 这个你用table不错 但是xhtml不是这么用的 可以在主table上设一个id就行 下面的元素直接引用 不能都设成id 好好学习一下基础是关键
追问
恩,会吸取教训的,关键问题是,上面的代码解释出来确确实实是显示正确的,源代码就是这个样子,所以我正是我困惑的地方。。。
追答
不知道你到底困惑什么,你代码设的高度不一样 就显示不一样 你的css设置的基本都是文字格式的样式 高度写页面里了 那里困惑 表格第一行的高度是50 其余是30
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<th colspan=2 height=30 width=150 id=w1>类别</th> 把你的那个50改成30就行。你写了50,当然和下面30不一样。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
其实我想说ID用两次可以原谅 用这么多次就不可以原谅了 把
#w1 {font-family:幼圆;font-size:15px;font-weight:bolder;text-align:center}
#w2{font-family:黑体;font-size:15px;font-weight:bold}
改成
.w1 {font-family:幼圆;font-size:15px;font-weight:bolder;text-align:center}
.w2{font-family:黑体;font-size:15px;font-weight:bold}
然后把所有的ID改成CLASS
#w1 {font-family:幼圆;font-size:15px;font-weight:bolder;text-align:center}
#w2{font-family:黑体;font-size:15px;font-weight:bold}
改成
.w1 {font-family:幼圆;font-size:15px;font-weight:bolder;text-align:center}
.w2{font-family:黑体;font-size:15px;font-weight:bold}
然后把所有的ID改成CLASS
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
id不能重复。下面应该用class。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询