仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1865|回复: 9
打印 上一主题 下一主题

[DIV+CSS] 给大家带来CSS写法:分歧组合间的优先级及扫瞄器的撑持性

[复制链接]
再见西城 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:28:00 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

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&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:20 | 只看该作者
Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
灵魂腐蚀 该用户已被删除
板凳
发表于 2015-1-20 13:41:42 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
蒙在股里 该用户已被删除
地板
发表于 2015-1-29 08:10:06 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
谁可相欹 该用户已被删除
5#
发表于 2015-2-6 00:14:58 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
变相怪杰 该用户已被删除
6#
发表于 2015-2-14 13:32:05 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
飘飘悠悠 该用户已被删除
7#
发表于 2015-3-4 06:54:15 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
深爱那片海 该用户已被删除
8#
发表于 2015-3-11 17:52:25 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
活着的死人 该用户已被删除
9#
发表于 2015-3-19 04:58:43 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
admin 该用户已被删除
10#
发表于 2015-3-27 08:10:16 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-22 21:30

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表