.s1{样式}
.s2{样式}
.s3{样式}
<div class="s1 s2 s3"
以上不就并列了啊。要是这样情况,有冲突定义,以后者为准,要是都没有,样式全生效。
这是选择器的嵌套(中间用空格隔开),意思是定义包含在id为top_panel元素内的元素,且此元素的id为top_section,样式只对id为top_section(#top_section)起作用。形如:<div id="top_panel">
<p id="top_section">元素的内容,只对我生效。</p>
</div>
补充:此种方法不够优化,因id是唯一的,所以可取消前面的#top_panel,只用 #top_section {}就行了。
.header .banner img
这个是css 选择器,此处是class="header" 元素下 class="banner" 的子元素 下的 <img>元素
选择器 E F 表示选择所有被E元素包含的F元素。
参考:http://www.css88.com/book/css/selectors/index.htm
width:500px /* 宽度为500像素,px表示像素单位 */height:60px /* 高度为60像素 */
display:block /* 展现方式为块元素 */