仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 887|回复: 9

[DIV+CSS] CSS教程之CSS网页制造教程:扫瞄器与CSS挑选器对应表

[复制链接]
飘灵儿 该用户已被删除
发表于 2015-1-15 22:53:23 | 显示全部楼层 |阅读模式

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

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

x
一般来说还需要用Photoshop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来。
破洛洛文章简介:网页教授教养网这张表只是作为网页制造进修条记,便利本人健忘的时分查找。
网页教授教养网这张表只是作为网页制造进修条记,便利本人健忘的时分查找。
1)关于子选择器(>)在ie7+尺度形式,chrome,ff下入手下手撑持了。有人说在ie7下,假如父元素与子元素之间有正文的话就会生效,可是我没有发明。
2)邻近兄弟选择器(+)
在ie7+尺度形式。chrome,ff下入手下手撑持了。可是,假如父元素与子元素之间有正文的话就会生效。ie8没有。
3)一般兄弟选择器(~)
选择该元素前面的一切兄弟节点,在ie7+尺度形式,chrome,ff下撑持。它和邻近兄弟节点选择器的区分就是,前者就选择前面一切的,不请求相邻,可是前面必需是相邻,且选择一个。
CSS2.1
↓Selector/Browser→IE6IE7IE8IE9previewFF3FF3.5FF3.6Safari3Safari4Chrome5betaOperaOpera10.5beta↑Selector/Browser→IE6IE7IE8IE9previewFF3FF3.5FF3.6Safari3Safari4Chrome5betaOperaOpera10.5beta*YesYesYesYesYesYesYesYesYesYesYesYesE>FNoYesYesYesYesYesYesYesYesYesYesYesE:first-childNoYesYesYesYesYesYesYesYesYesYesYesE:hoverPartial(1)YesYesYesYesYesYesYesYesYesYesYesE:focusNoNoYesYesYesYesYesYesYesYesYesYesE+FNoYesYesYesYesYesYesYesYesYesYesYesE[attr]NoYesYesYesYesYesYesYesYesYesYesYesE[attr="name"]NoYesYesYesYesYesYesYesYesYesYesYesE[attr~="name"]NoYesYesYesYesYesYesYesYesYesYesYesE:beforeNoNoYesYesBuggy(4)YesYesYesYesYesYesYesE:afterNoNoYesYesBuggy(4)YesYesYesYesYesYesYes
CSS3↓Selector/Browser→IE6IE7IE8IE9previewFF3FF3.5FF3.6Safari3Safari4Chrome5betaOperaOpera10.5beta↑Selector/Browser→IE6IE7IE8IE9previewFF3FF3.5FF3.6Safari3Safari4Chrome5betaOperaOpera10.5betaE~FNoYesYesYesYesYesYesYesYesYesYesYesE[attr^="name"]NoYesYesYesYesYesYesYesYesYesYesYesE[attr$="name"]NoYesYesYesYesYesYesYesYesYesYesYesE[attr*="name"]NoYesYesYesYesYesYesYesYesYesYesYesE[attr|="name"]NoYesYesYesYesYesYesYesYesYesYesYesE:rootNoNoNoYesYesYesYesYesYesYesYesYesE:nth-of-typeNoNoNoYesNoYesYesYesYesYesYesYesE:nth-last-of-typeNoNoNoYesNoYesYesYesYesYesYesYesE:first-of-typeNoNoNoYesNoYesYesYesYesYesYesYesE:last-of-typeNoNoNoYesNoYesYesYesYesYesYesYesE:only-of-typeNoNoNoYesNoYesYesYesYesYesYesYesE:only-childNoNoNoYesYesYesYesYesYesYesYesYesE:last-childNoNoNoYesYesYesYesYesYesYesYesYesE:nth-childNoNoNoYesNoYesYesYesYesYesYesYesE:nth-last-childNoNoNoYesNoYesYesYesYesYesYesYesE:emptyNoNoNoYesYesYesYesBuggy(2)Yes(3)YesYesYesE:targetNoNoNoYesYesYesYesYesYesYesYesYesE:checkedNoNoNoYesYesYesYesYesYesYesYesYesE::selectionNoNoNoYesNoNoNoYesYesYesYesYesE:enabledNoNoNoYesYesYesYesYesYesYesYesYesE:disabledNoNoNoYesYesYesYesYesYesYesYesYesE:not(s)NoNoNoYesYesYesYesYesYesYesYesYes

  • :hover在IE6中只要a元素可用。
  • E:empty貌似在webkit中心扫瞄器中有些小bug。
  • 假如这个bug仍然存在,不太断定怎样测试。
  • IE6不撑持.class1.class2双类选择器。
IE8注重事项:

  • E[attr]选择器在值为空的时分大概写错的时分,将不会失效;
  • IE8撑持CSS2.1的一切属性,撑持伪类,可是不撑持伪元素。
IE8中的IE7兼容形式

  • E[attr]和IE8一样,值为空或写错的时分,有效;
  • E[attr~=val]这里独一必要注重的是,属性的值,辨别巨细写;
  • E[attr|=val]IE7有一些巨细写敏感的成绩,可是一般能够一般利用;
  • :first-childIE7会将一个正文大概笔墨节点当做first-child,而不是只要元素才是“子”元素。以是,假如在第一个子元素前有正文或笔墨,IE7会婚配之而不是往婚配第一个子元素。
Safari/Chrome

  • Safari3.2(现实上能够追溯到3.1)以上的版本已完整的撑持一切CSS选择器了。
  • Safari3.0基础上对CSS2的选择器撑持很好,但不撑持CSS3年夜部分新增的选择器,并且对属性选择器的撑持不是很完全
  • iPhone中的Safari有3.0和3.2两个版本,对CSS的撑持情形与PC/Mac版的撑持情形分歧。
  • Android体系自带的扫瞄器基础上也是基于webkit中心的,其关于CSS选择器的撑持情形待测。
</p>
属性值就追加上去,重复的属性值就以最后一个为准。这里要注意的是,样式的先后不是根据页面上应用的名字顺序,而是样式表里的样式顺序。
柔情似水 该用户已被删除
发表于 2015-1-17 19:30:23 | 显示全部楼层
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
愤怒的大鸟 该用户已被删除
发表于 2015-1-17 19:30:24 | 显示全部楼层
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
海妖 该用户已被删除
发表于 2015-1-25 21:59:18 | 显示全部楼层
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
莫相离 该用户已被删除
发表于 2015-2-4 11:02:14 | 显示全部楼层
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
谁可相欹 该用户已被删除
发表于 2015-2-9 22:19:18 | 显示全部楼层
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
再见西城 该用户已被删除
发表于 2015-2-28 01:17:00 | 显示全部楼层
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
不帅 该用户已被删除
发表于 2015-3-9 19:54:06 | 显示全部楼层
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
金色的骷髅 该用户已被删除
发表于 2015-3-17 02:33:54 | 显示全部楼层
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
若天明 该用户已被删除
发表于 2015-3-23 17:56:37 | 显示全部楼层
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-3-29 17:50

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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