CSS中元素的隐藏和显示(visibility, display)
visibility: hidden, visible
display: block, inline, none
visibility: 控制页面元素的显示和隐藏，不空值元素的位置特征。
document.getElementById("div").style.visibility = "hidden"; //隐藏元素
document.getElementById("div").style.visibility = "visible"; //显示元素
当元素在页面是隐藏时，会占据一个显示块，其它的元素不能使用这个位置。当元素隐藏时，它不能接收事件。
document.getElementById("div").style.display = "none";//从页面中移除这个元素，当然元素的位置也被移除。
document.getElementById("div").style.display = "inline";//此元素不会占据一行，和其它的元素一起组合显示。
document.getElementById("div").style.display = "block";//此元素占据一行，单独显示。
相关文档：
在写《我如何看待DIV+CSS》的时候
我想到：
代码没有行与不行的分别
而只有好与不好的差距
好与不好都能完成相应的功能
一个功能少了能写，多了也能写
编程语言就那么几个关键字、那么几条控制语句
虽然框架或类库的类很多
但也不是没个数的
可是那些计算机大师们啊
却能写出让人觉得“美”的代码
为� ......
1. document.formName.item("itemName") 问题
说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];
Firefox下,只能使用document.formName.elements["elementName"].
解决方法:统一使用document.formName.elements["elementName"].
2.集合类对象问题
说明:IE下,可 ......
TABLE{
BORDER-RIGHT: #888 1px solid;
BORDER-TOP: #888 1px solid;
MARGIN-TOP: 10px;
BORDER-LEFT: #888 1px solid;
WIDTH: 100%;
BORDER-BOTTOM: #888 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BORDER-COLLAPSE: collapse;
}
TABLE PRE {
BORDER-TOP-WIDTH: 0px;
PADDING-RIGHT: 0px;
PA ......
我承认我并不经常想这个问题......我们写的css的效率是怎么样的呢，浏览器渲染的速度又如何呢？
这是应该是浏览器开发者应该关心的(页面加载更快，用户就会更愉快)。Mozilla有一篇文章：about best practices . Google当然也很关心这个问题，他们也有这样一篇文章：Optimize browser rendering 。
让我们了解下他们主要倡 ......
/*标题元素*/
h1,h2,h3,h4,h5,h6 {
color: green;
}
/*父元素继承*/
body {
font-family: Verdana, sans-serif;
}
/*id 选择器*/
#red {color:red;}
/*id 选择器和派生选择器*/
#red p {
font-style: italic;
text-align: right;
margin ......
