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,你就能避免这些问题。
让我们尝试去解决这些问题并澄清一些以前使用浮动的误解。我们参考了成打的相关文章,并选取了最为重要的一些你必须了解的问题。




