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+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>
属性值就追加上去，重复的属性值就以最后一个为准。这里要注意的是，样式的先后不是根据页面上应用的名字顺序，而是样式表里的样式顺序。

技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。

经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.

俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。