|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
可以增加更多的用户而不需要建立独立的版本。可以一次设计,随处发布。
网页制造poluoluo文章简介:选择符之间没空格也没甚么英文标点逗号。测试扫瞄器情况为IE6(IETester摹拟)、IE7、Firefox3.5.3、Chrome4、Safari4。
这下子完全土了,今天乱沉思,了局俺发明的成绩令一年夜群人随着土了个莫名其妙。
先来看一段进门级的复杂代码:<divid="box"class="hahawowogaga"></div> 这段代码代表一个ID为"box",具有三个class属性(分离是"haha"、"wowo"、"gaga")的DIV标签。
如今我想设置这个DIV层的宽度和高度都是300像素,背景致为绿色。我们能够这么设置:对ID举行设置:
#box{
height:300px;
width:300px;
background:#336600
}
大概类内里选一个举行设置,如:
.haha{
height:300px;
width:300px;
background:#336600
} OK,我晓得如今一定有人想骂我,说我写这器材是在凌辱人人的智商。但,且慢,仿佛这么写也不为错——.haha.wowo.gaga{
height:300px;
width:300px;
background:#336600
}
大概
#box.haha.wowo.gaga{
height:300px;
width:300px;
background:#336600
} 看分明了,选择符之间没空格也没甚么英文标点逗号。测试扫瞄器情况为IE6(IETester摹拟)、IE7、Firefox3.5.3、Chrome4、Safari4。
你之前见过这写法?真见过?确认??~OK,如果没见过,来我们这边站队吧,我们一样土。
OK,进一步研讨下,起首确认是不是复合W3C尺度。
在线考证下,了局是经由过程CSS2.1效验。
接上去,看看另有哪些组合、优先级及兼容性。
起首实行选择符间的组合,XHTML代码仍然如上。ID值我们利用"id"取代,三个class属性我们利用"class1"、"class2"、"class3"取代。
组合/扫瞄器撑持IE6IE7ChromeFirefoxSafari单id√√√√√单class√√√√√class间恣意组合
(如.class1.class2、
.class1.class2.class3)√√√√√id与class间恣意组合
(如#id.class1.class2
#id.class1.class2.class3)√√√√√OK,再来看下分歧组合间的优先级及扫瞄器的撑持性。
组合优先级/扫瞄器撑持IE6IE7ChromeFirefoxSafari同元素内
class间组合
数目决意优先级
如.class1.class2>.class1X√√√√同元素内
id、class间组合
数目决意优先级
如#id.class1.class2>#id.class1X√√√√同元素内
id年夜于class间恣意组合
如#id>.class1.class2.class3√√√√√同元素内
id、class组合年夜于独自id、class
如#id.class1>#id√√√√√
得了,就土到这了。
</p>
Table布局灵活性不大,你只能遵循tabletrtd的格式。而div你可以divulli也可以olli还可以ulli……但标准语法最好有序的写。 |
|