网页设计中HTML代码、CSS代码和javascript的技巧和细节

2020-04-28 08:04:16易采站长站整理

</script>

4.JS刷新框架
a)刷新包含该框架的页面用
<script language=JavaScript>
parent.location.reload();
</script>
b)子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()">刷新</a> )
c)刷新另一个框架的页面
<script language=JavaScript>
parent.另一FrameID.location.reload();
</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;
}

第三种:


#div { color: #333; }
*+html #div { color: #999; }
* html #div { color: #666; }

细节2………………………………………………………………………………
一、IE6及以下不识别a 标签外的:hover伪类,在火狐,IE7里能正确达到效果,解决办法


#show li.s1{ border:1px solid #ff9900; background:#454242;}
#show li.s2{ border:1px solid #D9D8D8; background:#312E2E;}
<li></li>

二、为元素设置hasLayout
很多IE6(或IE7)的问题可以用设置hasLayout值的方法来解决,最简单的给元素设置hasLayout值的方法是给加上CSS 的height或width(当然,zoom也可以用,但这不是CSS的一部分)。比如设置为height:1%。如果父元素没有设置高度,那么元素的物理高度并不会改变,但是,已经具备hasLayout属性。
三、IE6下字符重复出现
确保浮动元素设置了 display:inline;
在浮动元素中使用 margin-right:-3px;
四、样式优先级
1,内联样式 [1.0.0.0]
2,ID选择器 [0.1.0.0]
3,类,属性,伪类 选择器 [0.0.1.0]
4,元素标签,伪元素 选择器 [0.0.0.1]
五、一个元素垂直居中的css写法


#exm{
position:absolute;