css实用技巧及必须得注意的事项

zl1984417

zl1984417

2016-02-19 23:31

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是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.关闭当前页面代码:

div onclick="window.close();"关闭当前页面/div

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

7.整站变灰代码(加到样式表中):

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

8.设为首页代码:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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

展开更多 50%)
分享

猜你喜欢

css实用技巧及必须得注意的事项

Web开发
css实用技巧及必须得注意的事项

《进化》新手注意事项及实用技巧分享

电脑网络
《进化》新手注意事项及实用技巧分享

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

《战国无双4-2》实用技巧及注意事项详细介绍

游戏动漫
《战国无双4-2》实用技巧及注意事项详细介绍

《战国无双4-2》实用技巧及注意事项详细解析

电脑网络
《战国无双4-2》实用技巧及注意事项详细解析

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

css网页制作实用技巧9则

Web开发
css网页制作实用技巧9则

Foxmail安装教程及实用技巧

电脑入门
Foxmail安装教程及实用技巧

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS选择符命名的几个原则

CSS选择符命名的几个原则

用CSS进行网页布局的好处

用CSS进行网页布局的好处
下拉加载更多内容 ↓