来一发css有用技能及必需得注重的事项

只看该作者 · 发表于 2015-1-16 00:06:49

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
团体总结的一些css有用技能及必需得注重的事项:
1.正文须知:html中正文不克不及如许写:
<div></div>
<div></div>
这类写法,FF中会疏忽其上面的内容.
2.CSS正文牢记在/*以后及*/之前空一格,不然在有些言语中会出成绩,准确写法:
#div{style}/*正文前后要空格*/
3.最复杂辨别IE与FF的HACK写法:
#layer{
padding-top:20px;/*FF中界说*/
*padding-top:10px;/*IE中界说*/
}
4.空div在IE(FF中没有)是有默许高度的,能够用界说:
div{witdh:100%;background:#9c0;ling-height:0}
的体例往失落默许高度.
5.按钮按下时平面感效果:
a:hover{position:relative;top:1px;left:1px}/*牢记必定如果绝对定位*/
6.封闭以后页面代码:
<divonclick="window.close();">封闭以后页面</div>
7.整站变灰代码(加到款式表中):
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
8.设为首页代码:
<spanonclick="varstrHref=window.location.href;this.style.behavior=url(#default#homepage);this.setHomePage(http://www.poluoluo.com);"style="CURSOR:hand">设为首页</span>
9.到场保藏代码:
<scriptlanguage="JavaScript">
functionwebjxcom()
{window.external.addFavorite(http://www.poluoluo.com,Webjx.Com);}
if(document.all)document.write(<ahref="##"onClick="webjxcom();"title="把“Webjx.Com”到场您的保藏夹！">保藏本站</a>)
</script>

10.导航间竖线的界说办法:
css部分:
.nav{
width:408px;/*这个宽度必定要按li中的宽度算好*/
float:right;
display:inline;
overflow:hidden
}
.navul{
margin:0;
padding:0
}
.navli{
float:right;
width:80px;
height:auto;
text-align:center;
padding:010px;
border-right:1pxsolid#444;
margin-right:-1px;
}
html部分:
<divclass="nav">
<ul>
<li><ahref="show.htm">产物展现</a></li>
<li><ahref="case.htm">乐成案例</a></li>
<li><ahref="service.htm">客户服务</a></li>
<li><ahref="download.htm">下载中央</a></li>
</ul>
</div>
11.中英文下划线对齐体例(使用图片的align="absmiddle"):
<imgsrc="img.gif"align="absmiddle">中英文并排:<ahref="/">中文gollum</a>
12.li瓜代显现背景代码:
ul{
list-style:none;
font-size:12px;
line-height:20px;
color:#666;
}
ulli{
background-color:e