css 表格的问题,。谢谢

<html>
<head>
<style type="text/css">
#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#customers td, #customers th
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#customers th
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#customers tr.alt td
{
color:#000000;
background-color:#EAF2D3;
}
</style>
</head>
<body>
<table id="customers">
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Apple</td>
<td>Steven Jobs</td>
<td>USA</td>
</tr>
<tr class="alt">
<td>Baidu</td>
<td>Li YanHong</td>
<td>China</td>
</tr>
<tr>
<td>Google</td>
<td>Larry Page</td>
<td>USA</td>
</tr>
<tr class="alt">
<td>Lenovo</td>
<td>Liu Chuanzhi</td>
<td>China</td>
</tr>
<tr>
<td>Microsoft</td>
<td>Bill Gates</td>
<td>USA</td>
</tr>
<tr class="alt">
<td>Nokia</td>
<td>Stephen Elop</td>
<td>Finland</td>
</tr>
</table>
</body>
</html>
请问 前面有2个#customers th ,怎么理解呢?还有#customers tr.alt td 这里面tr.alt td什么意思啊

#customers th意思是:id为customers 的标签里面的th标签的样式
#customers tr.alt td意思是:id为customers的标签里面的class名为alt的tr标签里面的td标签的样式(1、tr.alt中间没有空格隔开表示前面的tr是标签名.alt表示名为alt的tr标签
2、tr.alt td:td前面有空格隔开表示包含的关系,就是td在class名为alt的tr标签里面)
温馨提示:内容为网友见解,仅供参考
第1个回答  2012-10-18
1、第一个#customers th跟#customers td写在一起,这两个用的是同样的样式,但是需要对#customers th进行特殊的定义,所以又写了一个,后写的属性会覆盖之前写的(如果有的话)
2、tr.alt 就是tr里有class="alt"的那些,tr.alt td就是这些tr下的td

建议去看看css入门的书吧追问

正在努力学习,谢谢

第2个回答  2012-10-18
#是id选择符号,.是类选择符。#customers th,表示id为#customers下的th;#customers tr.alt td意思是id为customers中class为alt的tr中的td。追问

#customers th 这个前面已经 定义过了,后面又有一个#customers th,怎么理解呢?谢谢

追答

你可以理解为,后面是补充和更新(覆盖前面的)。这样写是为了方便管理css的。共性和特性的区别。

CSS问题:如何设置表格内网格线的样式?
在CSS中设置表格内网格线的样式,可以通过border属性进行。例如,td{border:3px solid #000;}这样定义样式,可以改变表格单元格边框的颜色、粗细和线性。为了提供更丰富的样式调整,还可以使用以下CSS属性:1. border-width:设置边框的宽度。例如border-width: 3px;。2. border-style:定义边框的样式,可...

css表格样式(CSS表格样式(如何设置表格边框、单元格间距等))
要设置表格样式,我们可以使用CSS的background-color属性、text-align属性和font属性。background-color属性用于设置表格的背景颜色,text-align属性用于设置表格中文本的对齐方式,font属性用于设置表格中文本的字体和大小。例如,下面的CSS代码将设置表格背景颜色为浅灰色,文本居中对齐,字体为微软雅黑,大小为1...

html+css 技术之 表格不居中问题。求高手指点指点。
先查看上传的文件是否与本地相同。上传后的文件浏览时,察看它的源文件是否与本机能正常居中的文件源码一致,不一致,说明没把修改过文件真正上传。如果不一致,就重新上传正确的文件。还要注意,是否 有CSS文件产生影响。最好在本地用服务器上发布来测试,本地的效果,这与远程环境比较接近。

css怎么设置表格居中css设置表格居中对齐
首先,打开html编辑器,新建html文件,例如:index.html。在index.html中的style>标签中,输入css代码:body{text-align:center;}table{margin:auto;}。浏览器运行index.html页面,此时成功用css让表格居中了。说明:css代码body{text-align:center;}table{margin:auto;}是两个元素选择器,分别为body和ta...

关于css网页制作的问题,表格行与行之间的断开,框架重叠,鼠标停留做动 ...
1、你可以用空格或多个表格纵向排列实现;2、框架不能重叠,如果要实现重叠效果就要用到多个DIV了,设置一下样式style="position:absolute; z-index:1;"3、要用javascript实现,如: leaveSeconds=10;\/\/剩余秒数 function showTimeBefore(){ var tag = document.getElementById("apply");tag.innerTex...

css表格的边框线怎么设置
css table { border-style: solid;border-width: 1px;border-color: #black;} 2. 为表格的每个单元格设置边框线 如果你希望表格的每个单元格都有边框线,你可以使用CSS的`border`属性为表格的`td`和`th`元素设置边框线。这样可以确保每个单元格都有清晰的边框。例如:css td, th { border: 1px ...

网页设计表格的问题!
建议一下:最好的布局是用 DIV+CSS 想用表格的话 表格套用不易太多~表格读取的时候是读完的时候太会显示的 所以套用太多的话 显示会很慢 大表格用像素直接固定好 里边用百分比和用像素是一样的 因为外部已经是像素值了 固定好了的 比如768px 里边100%的话 也是768px了 也是固定好了的 外部不变化...

css用table怎么做4行4列的表格table表格布局
css布局:表格,表格单元格 table:它将以块级表格的形式显示(类似于html>head>metacharset="UTF-8">title>\/title>\/head>body>form>tableborder="1"width="900">tr>tdcolspan="4">h3>用户注册2、tr>td>h4>确认密码:3、tr>td>h4>联系号码:4、表单相关HTML标签<formaction=""method="post"...

前端问题:为什么我在css文件中对表格进行了设置而在页面中却并没有显 ...
去掉你的style 标签 table,tr,td { border:1px solid blue; } 要注意你有没有引入了这个css 。在htest.html文件里面的header 标签里面 通过link 引入你的这个css 文件

关于html中css控制表格格式 和 colspan 的问题
每一行就是一个人tr对么 里面有几个单元格 就是几个td 第一行应该是7个单元格 但你想用一个单元格占满 那么请在第一个tr里只写一个td 然后td里 写 colspan=7 文本居中 style=“text-align:center” 第二行2哥单元格 写2哥td然后 每个td里写 colspan=3 下面的以此类...

相似回答