关于CSS细节集合(一)

2013年03月22日 来源:w3cfuns 0条评论 276 views 标签:css hack, ie注释, 刷新框架, 图片对齐

一、当文字与图片在一行,需要将文字与图片底对齐,需要这样写:

<li>记住密码<img src="" align="bottom" style="margin-bottom:-4px"/></li>

二、当文字与图片在一行,需要将文字与图片居中对齐,需要这样写:

<li>记住密码<img src="static/img/xyx.jpg" align="middle"/></li>

三、更改IE“查看源代码”菜单打开的编辑器

  1. 打开注册表编辑器,在开始-运行中输入regedit
  2. 找到以下位置: HKEY_LOCAL_MACHINE&https://csswang.com/8221;SOFTWARE&https://csswang.com/8221;Microsoft&https://csswang.com/8221;Internet Explorer&https://csswang.com/8221;View SourceEditor&https://csswang.com/8221;Editor Name&https://csswang.com/8221;修改默认的数据为&https://csswang.com/8221;D:&https://csswang.com/8221;Program Files&https://csswang.com/8221;EmEditor&https://csswang.com/8221;EmEditor.exe&https://csswang.com/8221;

切换到IE中查看源代码就可以看到效果了。
如果View Source Editor&https://csswang.com/8221;Editor Name项没有,可以自己新建。

四、自动最大化窗口,在 <body> 与 </body> 之间加入:

<SCRIPT language="javascript">
setTimeout('top.moveTo(0,0)',5000);
setTimeout('top.resizeTo(screen.availWidth,screen.availHeight)',5000);
</script>

五、window.opener 实际上就是用window.open打开的窗体的父窗体。

比如在父窗体parentForm里面 通过 window.open(&https://csswang.com/8220;subForm&https://csswang.com/8221;),那么在subform中 window.opener
就代表parentForm,可以通过这种方式设置父窗体的值或者调用js方法。

  1. window.opener.test(); &https://csswang.com/8212;调用父窗体中的test()方法;
  2. 如果window.opener存在,设置parentForm中stockBox的值。
if (window.opener && !window.opener.closed)
    {
       window.opener.document.parentForm.stockBox.value = symbol;
    }

六、刷新页面的方法

Javascript刷新页面的方法:

  1. history.go(0)
  2. location.reload()
  3. location=location
  4. location.assign(location)
  5. document.execCommand(&https://csswang.com/8216;Refresh’)
  6. window.navigate(location)
  7. location.replace(location)
  8. document.URL=location.href

自动刷新页面的方法:

  1. 页面自动刷新:把<meta http-equiv=&https://csswang.com/8221;refresh&https://csswang.com/8221; content=&https://csswang.com/8221;20&https://csswang.com/8243;>加入<head>区域中
  2. 页面自动跳转:把<meta http-equiv=&https://csswang.com/8221;refresh&https://csswang.com/8221; content=&https://csswang.com/8221;20;url=https://www.wyxg.com&https://csswang.com/8221;>加入<head>区域中
  3. js自动刷新页面:
<script language="JavaScript">
function myrefresh()
{
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>

JS刷新框架

a)刷新包含该框架的页面用

<script language=JavaScript>
</script>

b)子窗口刷新父窗口

<script language=JavaScript>
    self.opener.
</script>

<a href="javascript:opener.location.reload()">刷新</a>

c)刷新另一个框架的页面

<script language=JavaScript>
   parent.另一FrameID.
</script>

七、用过CSS hack应该知道,用下划线命名是一种hack,如使用“_style”这样的命名,可以让IE外的大部分浏览器忽略这个样式的定义,所以使用“_”做为命名时的分隔符是不规范的。在做CSS检查时会出现错误提示。

八、IE条件注释写法

<!-[if !IE]>除IE外都可识别<![endif]->
<!-[if IE]> 所有的IE可识别 <![endif]->
<!-[if IE 5.0]> 只有IE5.0可以识别 <![endif]->

九、CSS HACK 写法

/*第一种:*/
.div {
background:orange;
*background:green !important;
*background:blue;
}
/*第二种:*/
.div {
margin:10px;
*margin:15px;
_margin:15px;
}
/*第三种:*/
https://csswang.com/div { color: https://csswang.com/333; }
*+html https://csswang.com/div { color: https://csswang.com/999; }
* html https://csswang.com/div { color: https://csswang.com/666; }


无觅m88帮助网站插件,快速提升流量

你也可以分享到: