<head>
<title></title>
<style type="text/css">
.even
{
background-color: Gray;
}
/*奇数行样式*/
.odd
{
background-color: Lime;
}
/*偶数行样式*/
.selected
{
background-color: Yellow;
}
</style>
<script src="/blog_article/js/jquery-1.6.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("tbody>tr:even").addClass("even"); /*给奇数行添加样式*/
$("tbody>tr:odd").addClass("odd"); /*偶数行添加样式*/
/*当单击表格行时，把当前设为选中状态样式
，并把单选按钮设为选中状态*/
$("tbody>tr").click(function () {
$(this).addClass('selected')
.siblings().removeClass('selected')
.end()
.find(":radio").attr("checked", true);
});
});
</script>
</head>
<body>
<h3>
表格变色</h3>
<table >
<thead>
<tr>
原来用过，没有太在意，最近又用到。记下方便以后用。
<div ></div>
语法：
overflow : visible | auto | hidden | scroll ;
参数：
1.visible :不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
2.auto :此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
3.hidden :不显示超过对象尺寸的内容
4.scroll :总是显示滚动条
说明：
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
设置textarea对象为hidden值将隐藏其滚动条。
对于table来说，假如table-layout属性设置为fixed，则td对象支持带有默认值为hidden的overflow属性。如果设为hidden，scroll或者auto，那么超出td尺寸的内容将被剪切。如果设为visible，将导致额外的文本溢出到右边或左边（视direction属性设置而定）的单元格。
自IE5开始，此属性在MAC平台上可用。
对应的脚本特性为overflow。
示例：
div { overflow: scroll; height: 100px; width: 100px; }
效果如图：
今天要写一篇技术贴，当然就个人技术而言，只算是菜鸟级别的，我是从事web前端开发的，所以对于工作中遇到的，会让新手感到莫名其妙的东西，都有过体会，这里写的东西也只是争对新手，老鸟的话就绕道吧，看了只是浪费您宝贵的时间。
首先要提到的就是关于html页面中一个至关重要的<!DOCTYPE> 标签
先介绍下它的标准解释，<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。你随便打开一个网页，当然主流一点的，百度搜索啊，页游联盟啊，会发现每个页面的最头部都会有<!DOCTYPE html> 这么一行，既然它在html页面中不显示，那是不是可以不要呢？有些没写过web的程序员就会说了，它只是用来声明文档类型的，既然是说明型标识不要也可以吧，但事实上，这个标签非常的重要，不然在页面出问题的时候，纵使你使出浑身解数都难以保证IE和谷歌，ff浏览器都能兼容，这本身就是我们web从业人员应该注意的东西，所以在写html的时候这个标签是必须加的。
标签要怎么写，当然也是有一定讲究的，我们先看下百度的吧。www.baidu.com 点击查看源码，第一行 只要短短的<!DOCTYPE html> ，我们再来看下这个标签的权威写法：
HTML Strict DTD
HTML Transitional DTD
HTML Frameset DTD
XHTML
XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。
如需检查你是否编写了带有正确 DTD 的合法 XHTML 文档，您可以把您的 XHTML 页面链接到一个 XHTML 验证器。
每一个标签的写法都是很长的一串，但是百度做页面这么专业，不应该会犯这种错误啊。在看下页游联盟的 www.webgamei.com 第一页查看源码 第一行 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 标准的XHTML1.0第二种写法，这里证明它非常专业吗？到也不一定，经过查证，我们才知道，原来 像百度那样 只写短短的<!DOCTYPE html> 达到的效果 和上面那一串长长的注明是一样的效果，浏览器都认识，书写上简单好记了很多，因为大家在写html的时候 DR 默认会给你加上全面一段声明，所以很多人都没有注意这个问题。
当然了，大家会问，要是不加，那会出什么问题呢，在谷歌浏览器面前，也许你的很多错误写法，它都能给你纠正了，正常显示了，但是IE 可不是那么好对付的，我自己的一次操作时，没有加页面声明，然后谷歌浏览器上显示正常，IE上显示整个DIV居左，不是什么align=center就能解决的问题，抓耳捞腮，百度查了N久才算是找出问题来，就这么一行声明，瞬间让IE听话了，呵呵！所以按照标准来写，可以让你省去很多麻烦，节约开发时间。
原创文章，转载请注明出处。
本文链接