图中昄了QQ资料可以自主讄好友备注Q标?#8220;1”Q，一般情况下用于帮助用户能更快更Ҏ的将列表中的好友和潜意识中的某个特定的h相关联。设|后Q无论对Ҏ么ҎUͼ自己好友列表中的名字都不会变Q标?#8220;2“Q，由此解决了一些用L怸知道好友是谁的问题。但同时也带来了另一个问题：
“늧”本n最大的意义在于个性化传播Q假如，我希望我所改变的昵U能在第一旉让我的好友收刎ͼ而好友却因ؓ不想因ؓ我改名后不认识我了，g得已Ҏq行了备注操作，那么我的愿望无法达成，好友必须“查看资料”来被动更新我的最新昵Uͼ好友q不知道我改q昵UͼQ?br>
个h是，在好友列表中仍然昄好友的个性昵Uͼ而当用户需要了解此人时Q再点击资料Q主动获取此人的备注Q如果已l添加）Q这不仅W合传统意义?#8220;备注”的定义，同时也保权了部分用户的个性化展示需求?br>
t踏实实做hQ勤勤恳恛_事，我的技术博客，旉一q_l箋更新Q?/span>
]]>
<style>
#nav ul {
list-style : none ;
}
#nav li {
float : left ;
margin : 0 10px ;
}
#nav a {
text-decoration : none ;
display : block ;
width : 60px ;
border-left : 5px solid #ccc ;
padding-left : 3px ;
raven_on : expression(onmouseover=function(){this.all.tags("span")[1].style.color="rgb(0,106,161)" ; } );
raven_off:expression(onmouseout=function() { this.all.tags("span")[1].style.color="#999"; } );
}
#nav a:hover {
border-left : 5px solid red ;
}
#nav span {
display : block ;
font-size : 12px ;
color : #000 ;
}
#nav .navtext_en {
font-family : Verdana ;
font-size : 10px ;
font-weight : bold ;
line-height : 10px ;
color : #999 ;
}
#nav a:hover [class="navtext_en"] {
color : rgb(0,106,161) ;
}
</style>
<div id ="nav">
<ul>
<li><a href ="#"><span> q回首页 </span><span class ="navtext_en"> Home </span></a></li>
<li><a href ="#"><span> 注册甌 </span><span class ="navtext_en"> Reg </span></a></li>
<li><a href ="#"><span> 最新日?nbsp; </span><span class ="navtext_en"> Read </span></a></li>
<li><a href ="#"><span> 博客列表 </span><span class ="navtext_en"> Insider </span></a></li>
<li><a href ="#"><span> 可选模?nbsp; </span><span class ="navtext_en"> Template </span></a></li>
</ul>
</div>
#nav ul {
list-style : none ;
}
#nav li {
float : left ;
margin : 0 10px ;
}
#nav a {
text-decoration : none ;
display : block ;
width : 60px ;
border-left : 5px solid #ccc ;
padding-left : 3px ;
raven_on : expression(onmouseover=function(){this.all.tags("span")[1].style.color="rgb(0,106,161)" ; } );
raven_off:expression(onmouseout=function() { this.all.tags("span")[1].style.color="#999"; } );
}
#nav a:hover {
border-left : 5px solid red ;
}
#nav span {
display : block ;
font-size : 12px ;
color : #000 ;
}
#nav .navtext_en {
font-family : Verdana ;
font-size : 10px ;
font-weight : bold ;
line-height : 10px ;
color : #999 ;
}
#nav a:hover [class="navtext_en"] {
color : rgb(0,106,161) ;
}
</style>
<div id ="nav">
<ul>
<li><a href ="#"><span> q回首页 </span><span class ="navtext_en"> Home </span></a></li>
<li><a href ="#"><span> 注册甌 </span><span class ="navtext_en"> Reg </span></a></li>
<li><a href ="#"><span> 最新日?nbsp; </span><span class ="navtext_en"> Read </span></a></li>
<li><a href ="#"><span> 博客列表 </span><span class ="navtext_en"> Insider </span></a></li>
<li><a href ="#"><span> 可选模?nbsp; </span><span class ="navtext_en"> Template </span></a></li>
</ul>
</div>
]]>
IE中：
?strong>height:1%
例：
<
div
style
="height:1%"
>
< div style ="float:left" >
</ div >
</ div >
< div style ="float:left" >
</ div >
</ div >
非IE中：
?strong>:after
例：
.pelement:after{ /*在pelementq个元素的后?/span>*/
content:"." /*写入一个点*/
display:block; /*块布局方式*/
clear:both; /*清除左右动*/
height:0;visibility:hidden; /*不可?/span>*/
}
content:"." /*写入一个点*/
display:block; /*块布局方式*/
clear:both; /*清除左右动*/
height:0;visibility:hidden; /*不可?/span>*/
}
]]>
例一Q?BR>
CSS
#box {
color:red !important;
color:blue;
}
color:red !important;
color:blue;
}
HTML
<div id="Box"> 在不同的览器下Q这行字的色应该不同Q?/FONT></div>
q个例子应该是大家经常见到的important的用法了Q在IE环境下，q行字是蓝色Q在firefox下，为红Ԍ其用法不再多说了Q看下一个例子?/FONT>
例二Q?BR>
CSS
1 #box div{
color:red;
}
2 .important_false{
color:blue;
}
3.important_true{
color:blue !important;
}
color:red;
}
2 .important_false{
color:blue;
}
3.important_true{
color:blue !important;
}
HTML
<div id="Box"> <div class="important_false">q一行末使用important</div> <div class="important_true">q一行用了important</div></div>例二中，CSS代码W一行设定了box里面所有div中字体色为红ԌW二行和W三行都用class重新定义了自wdiv的字体色Ԍ不同的是Q第二行末用importantQ而第三行使用了！
默认情况下，class的优先于idQ所以，W二行中即用class重定义了自n样式Q也无法生效Q所以承父U属性，q行字还是红Ԍ
但是Q第三行中，用了important提升优先U（或看成强刉定义Q，所以这里的css得以生效Q这行字变ؓ了蓝Ԍ
从这个例子，得以证明Q?STRONG>ie对important的ƈ不是不支持！
那么Z么很多h都说ie不认识它呢？我想应该是大家实战中可能都没有遇C子中的情况： 当你x升class的优先时怎么办？
也就是说大家可能都忽略了它的q一作用Q只了解在命名ؓ同一个元素的CSS代码块中Q用它来提升排列序相对靠前的代码的优先U（例一Q！
通过上边两个例子Q得以ȝQ?BR>
important?nbsp;一个良好（或者是标准Q的览器来_不仅仅是从顺序上提升代码的优先Q还可以用来提升class的优先Q比如firefoxQ，但是从IE对前者的不支持可以看出，q只是IE的一大BUGQ而不能说它“不认识、不支持”！
然而，不管怎么PIE的这一大BUG帮助我们解决了很多兼Ҏ问题，q显然不是g坏事Q?BR>
]]>
<div id="mainBox">
<div id="leftbox"></div>
</div id="rightbox"></div>
</div>
一个大的DIVQ代码中的“mainBox”）里，嵌套两个DivQ其中第一个float:leftQ第二个float:rightQ结果发玎ͼ原来大的DIV的背景色没有了，其实是内容ؓI所_因ؓ内部的这两个div都Q动到了MainBox的上层（z-indexQ?BR>
解决办法很简单，lmainBox也加上一?nbsp; float: left ?/FONT>
]]>