Jul
4
1.类型选择符,直接使用元素名称定义
html{/*<定义网页结构总体样式>*/}
body{/*<定义页面属性>*/}
div{/*<定义div元素的属性>*/}
span{/*<定义span元素的属性>*/}
2. id选择符
#top {/*<定义id为top元素的文本颜色为red>*/ color:red;}
#top div{/*<定义id为top的所有子div元素样式,但不包含id为top的样式>*/}
#top .child1{/*<子级样式一>*/}
#top .child2{/*<子级样式二>*/}
<div id="top">我是div</div>
定义网页结构总体样式>定义页面属性>定义div元素的属性>定义span元素的属性>定义id为top元素的文本颜色为red>定义id为top的所有子div元素样式,但不包含id为top的样式>子级样式一>子级样式二>
html{/*<定义网页结构总体样式>*/}
body{/*<定义页面属性>*/}
div{/*<定义div元素的属性>*/}
span{/*<定义span元素的属性>*/}
2. id选择符
#top {/*<定义id为top元素的文本颜色为red>*/ color:red;}
#top div{/*<定义id为top的所有子div元素样式,但不包含id为top的样式>*/}
#top .child1{/*<子级样式一>*/}
#top .child2{/*<子级样式二>*/}
<div id="top">我是div</div>
定义网页结构总体样式>定义页面属性>定义div元素的属性>定义span元素的属性>定义id为top元素的文本颜色为red>定义id为top的所有子div元素样式,但不包含id为top的样式>子级样式一>子级样式二>
May
14
Float(浮动)概念也许是CSS中最让人迷惑的一个概念吧。Float经常被错误理解,而且因为将上下文元素全部浮动导致的可读性、可用性问题备受责难。然而,这些问题的根源并不在于理论本身,而是开发人员以及浏览器对理论的解读造成的。
如果你认真的去读一下浮动概念,你会发现并不像所见的那样复杂。大多数问题都是由于老版本的IE带来的(我只是猜想)。如果你知道这些BUG,你就能避免这些问题。
让我们尝试去解决这些问题并澄清一些以前使用浮动的误解。我们参考了成打的相关文章,并选取了最为重要的一些你必须了解的问题。
May
9
1. 集合类对象问题
现有代码中许多集合类对象取用时使用 (),IE 能接受,Firefox 不能。
解决方法:改用 [] 作为下标运算。如:document.forms("formName") 改为
2. DIV对象
在 IE 中,DIV对象可以使用ID作为对象变量名直接使用。在 Firefox 中不能。
DivId.style.display = "none";
解决方法:document.getElementById("DivId").style.display = "none";
ps:得对象的方法不管是不是DIV对象,都应该使用getElementById方法。
现有代码中许多集合类对象取用时使用 (),IE 能接受,Firefox 不能。
解决方法:改用 [] 作为下标运算。如:document.forms("formName") 改为
document.forms["formName"];
//又如:
document.getElementsByName("inputName")(1);
//改为
document.getElementsByName("inputName")[1];
//又如:
document.getElementsByName("inputName")(1);
//改为
document.getElementsByName("inputName")[1];
2. DIV对象
在 IE 中,DIV对象可以使用ID作为对象变量名直接使用。在 Firefox 中不能。
DivId.style.display = "none";
解决方法:document.getElementById("DivId").style.display = "none";
ps:得对象的方法不管是不是DIV对象,都应该使用getElementById方法。