仓酷云

标题: 给大家带来CSS写法:分歧组合间的优先级及扫瞄器的撑持性 [打印本页]

作者: 再见西城    时间: 2015-1-15 23:28
标题: 给大家带来CSS写法:分歧组合间的优先级及扫瞄器的撑持性
可以增加更多的用户而不需要建立独立的版本。可以一次设计,随处发布。
网页制造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效验。
给大家带来CSS写法:分歧组合间的优先级及扫瞄器的撑持性
登录/注册后可看大图

给大家带来CSS写法:分歧组合间的优先级及扫瞄器的撑持性
登录/注册后可看大图

接上去,看看另有哪些组合、优先级及兼容性。
起首实行选择符间的组合,XHTML代码仍然如上。ID值我们利用"id"取代,三个class属性我们利用"class1"、"class2"、"class3"取代。
组合/扫瞄器撑持IE6IE7ChromeFirefoxSafari单id&radic;&radic;&radic;&radic;&radic;单class&radic;&radic;&radic;&radic;&radic;class间恣意组合
(如.class1.class2、
.class1.class2.class3)&radic;&radic;&radic;&radic;&radic;id与class间恣意组合
(如#id.class1.class2
#id.class1.class2.class3)&radic;&radic;&radic;&radic;&radic;OK,再来看下分歧组合间的优先级及扫瞄器的撑持性。
组合优先级/扫瞄器撑持IE6IE7ChromeFirefoxSafari同元素内
class间组合
数目决意优先级
如.class1.class2>.class1X&radic;&radic;&radic;&radic;同元素内
id、class间组合
数目决意优先级
如#id.class1.class2>#id.class1X&radic;&radic;&radic;&radic;同元素内
id年夜于class间恣意组合
如#id>.class1.class2.class3&radic;&radic;&radic;&radic;&radic;同元素内
id、class组合年夜于独自id、class
如#id.class1>#id&radic;&radic;&radic;&radic;&radic;
得了,就土到这了。
</p>
Table布局灵活性不大,你只能遵循tabletrtd的格式。而div你可以divulli也可以olli还可以ulli……但标准语法最好有序的写。
作者: 海妖    时间: 2015-1-17 05:32
Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
作者: 灵魂腐蚀    时间: 2015-1-20 13:41
滚动条)层属性--溢出(visible/hidden/scroll/auto)
作者: 蒙在股里    时间: 2015-1-29 08:10
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
作者: 谁可相欹    时间: 2015-2-6 00:14
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
作者: 变相怪杰    时间: 2015-2-14 13:32
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
作者: 飘飘悠悠    时间: 2015-3-4 06:54
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
作者: 深爱那片海    时间: 2015-3-11 17:52
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
作者: 活着的死人    时间: 2015-3-19 04:58
学Dreamweaver技术的过程其实是一个增加信心的过程。
作者: admin    时间: 2015-3-27 08:10
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。




欢迎光临 仓酷云 (http://www.ckuyun.com/) Powered by Discuz! X3.2