get新技能是需要付出行动的，即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是css实用技巧及必须得注意的事项，一起来学习了解下吧！
【 tulaoshi.com - Web开发 】
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）
个人总结的一些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.关闭当前页面代码:
div onclick="window.close();"关闭当前页面/div
7.整站变灰代码(加到样式表中):
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
8.设为首页代码:
span onclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.webjx.com');" style="CURSOR:hand"设为首页/span
9.加入收藏代码:
script language="JavaScript"
function webjxcom()
{window.external.addFavorite('http://www.webjx.com','Webjx.Com');}
if (document.all)document.write('a href="##" onClick="webjxcom();" title="把Webjx.Com加入您的收藏夹！"收藏本站/a')
/script
来源:https://www.tulaoshi.com/n/20160219/1630078.html
看过《css实用技巧及必须得注意的事项》的人还看了以下文章 更多>>
