飘灵儿 发表于 2015-1-15 22:53:23

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

一般来说还需要用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+FNoYesYesYesYesYesYesYesYesYesYesYesENoYesYesYesYesYesYesYesYesYesYesYesENoYesYesYesYesYesYesYesYesYesYesYesENoYesYesYesYesYesYesYesYesYesYesYesE:beforeNoNoYesYesBuggy(4)YesYesYesYesYesYesYesE:afterNoNoYesYesBuggy(4)YesYesYesYesYesYesYes
CSS3↓Selector/Browser→IE6IE7IE8IE9previewFF3FF3.5FF3.6Safari3Safari4Chrome5betaOperaOpera10.5beta↑Selector/Browser→IE6IE7IE8IE9previewFF3FF3.5FF3.6Safari3Safari4Chrome5betaOperaOpera10.5betaE~FNoYesYesYesYesYesYesYesYesYesYesYesENoYesYesYesYesYesYesYesYesYesYesYesENoYesYesYesYesYesYesYesYesYesYesYesENoYesYesYesYesYesYesYesYesYesYesYesENoYesYesYesYesYesYesYesYesYesYesYesE: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选择器在值为空的时分大概写错的时分,将不会失效;
[*]IE8撑持CSS2.1的一切属性,撑持伪类,可是不撑持伪元素。
IE8中的IE7兼容形式

[*]E和IE8一样,值为空或写错的时分,有效;
[*]E这里独一必要注重的是,属性的值,辨别巨细写;
[*]EIE7有一些巨细写敏感的成绩,可是一般能够一般利用;
[*]: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

每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
页: [1]
查看完整版本: CSS教程之CSS网页制造教程:扫瞄器与CSS挑选器对应表