|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。
破洛洛文章简介:CSS实例教程:非浮动地区设置宽度.
前一段工夫我在做GreenGaint这个主题的时分,发明了一个在结构中呈现的关于浮动的成绩。让我来讲明一下,以下图所示:
我们假定有一个容器A,在这个容器内有两个容器B和C,B设置了高度和宽度,而且向左浮动,C没有浮动,它将环绕在B地区的四周,这是典范的浮动效果,没有成绩。
可是当C容器设置了宽度以后,而且B和C的宽度之和小于A容器以后的效果,在Firefox和IE8中是如许的:
在IE6和IE7中的体现是如许的:
在这里,让我们将B地区看做是网页中的次要内容区,C地区看做是侧边栏,要到达B在左,C在右,B和C之间还要保存必定的空间的话,我们还要给C设置margin-left属性,当增加上右边距的属性后,IE和Firefox中的结构分歧了。
固然,你能够完整不必给C地区设置宽度,只必要增加右边距就可以到达但愿的结构效果,可是偶然候我们必要给C地区增加宽度值的时分,你要分明Firefox、IE8和IE6、IE7关于这类结构的体现是分歧的。
</p>
缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。 |
|