09-0609-06
19
利用JS做到隐藏div和显示div
代码如下：
onMouseMove='showhidediv("msg")'; 这里是鼠标动作，可以替换成Click或其他！
代码如下：
<script language="javascript">
//创建一个showhidediv的方法，直接跟ID属性
function showhidediv(id){
var sbtitle=document.getElementById(id);
if(sbtitle){
if(sbtitle.style.display=='block'){
sbtitle.style.display='none';
}else{
sbtitle.style.display='block';
}
}
}
</script>
<div id="show" onMouseMove='showhidediv("msg")';>鼠标移动这里</div><!--这里是点击div，ID要下面的ID-->
<div id="msg" style="display:none;">出现显示的内容</div> <!--这里是MsgDiv-->
//创建一个showhidediv的方法，直接跟ID属性
function showhidediv(id){
var sbtitle=document.getElementById(id);
if(sbtitle){
if(sbtitle.style.display=='block'){
sbtitle.style.display='none';
}else{
sbtitle.style.display='block';
}
}
}
</script>
<div id="show" onMouseMove='showhidediv("msg")';>鼠标移动这里</div><!--这里是点击div，ID要下面的ID-->
<div id="msg" style="display:none;">出现显示的内容</div> <!--这里是MsgDiv-->
onMouseMove='showhidediv("msg")'; 这里是鼠标动作，可以替换成Click或其他！
06-1206-12
31
CSS+DIV对于现在的网站重构日趋被大家重视起来，尤其是一些大型的站点，其实，早些时候像阿里巴巴、163等大型门户站点就已经完成了重构工作。
采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下4个显著优势：
第一种：表现和内容相分离
将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。
第二种：提高搜索引擎对网页的索引效率
用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的网页内容，并可能给你一个较高的评价。
采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下4个显著优势：
第一种：表现和内容相分离
将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。
第二种：提高搜索引擎对网页的索引效率
用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的网页内容，并可能给你一个较高的评价。
06-1206-12
31
大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是 CSS如何将他们换行的方法！
对于div
1.（IE浏览器）white-space:normal; word-break:break-all;这里前者是遵循标准。
#wrap{white-space:normal; width:200px; }
或者
#wrap{word-break:break-all;width:200px;}
效果：可以实现换行
2.（Firefox浏览器）white-space:normal; word-break:break-all;overflow:hidden;同样的FF下也没有很好的实现方法，只能隐藏或者加滚动条，当然不加滚动条效果更好！
#wrap{white-space:normal; width:200px; overflow:auto;}
或者
#wrap{word-break:break-all;width:200px; overflow:auto; }
效果：容器正常，内容隐藏
对于div
1.（IE浏览器）white-space:normal; word-break:break-all;这里前者是遵循标准。
#wrap{white-space:normal; width:200px; }
或者
#wrap{word-break:break-all;width:200px;}
效果：可以实现换行
2.（Firefox浏览器）white-space:normal; word-break:break-all;overflow:hidden;同样的FF下也没有很好的实现方法，只能隐藏或者加滚动条，当然不加滚动条效果更好！
#wrap{white-space:normal; width:200px; overflow:auto;}
或者
#wrap{word-break:break-all;width:200px; overflow:auto; }
效果：容器正常，内容隐藏
06-1206-12
31
css定义字体垂直居中
文字的行高
比如 line-height: 22px;
就是高22像素,它就会在中间了
---------------------------------------------------
左右分列
这个做的过程中郁闷了下，其实是自己粗心，定义了右边左对齐，左边没有对齐
程序代码
<div style="float:left;>
我在左边
</div>
<div style="float:right;>
我在右边
</div>
或者
文字的行高
比如 line-height: 22px;
就是高22像素,它就会在中间了
---------------------------------------------------
左右分列
这个做的过程中郁闷了下，其实是自己粗心，定义了右边左对齐，左边没有对齐
程序代码
<div style="float:left;>
我在左边
</div>
<div style="float:right;>
我在右边
</div>
或者
