css選擇符大雜燴
类型选择符：单指元素的名字，而没有大于号和小于号
类选择符：选择所有赋有相同类的元素 一个点号后面跟类名，类选择符要跟着类名的后面。 可以把加在通配符*的后面来选择文档中所有赋予该类的元素，
Id 选择符
群组选择符：多个选择符用逗号连起来
后代选择符：多个选择符用空白连起来
子选择符：多个选择符用大于号连起来
首子选择符： 把:first-child加在任何选择符后。
兄弟选择符：多个选择符用加号连接起来
属性存在选择符：帮你选择含有某个属性的元素，用中括号包围的属性的名字。SELECTOR[title]
属性词汇选择符：帮你选择属性中包含了某个具体词汇的元素 SELECTOR[title = “WORD”]
属性值选择符： 帮你选择属性值中包含了某个具体值的元素 SELECTOR[ title =”EXACT_MATCH_OF_ENTIRE_VALUE”]
Ie6不支持，ie7支持较好
僞类元素选择符：
ELEMENT:first-letter {STYLES}
*.CLASS:first-letter {STYLES}
#ID:first-letter {STYLES}
ELEMENT:first-line {STYLES}
*.CLASS:first- line {STYLES}
#ID:first- line {STYLES}
注意：first-element, first-line只对终端块状元素相搭配，对内联元素或结构化块状元素不起作用。
局限：Ie6不支持，除非是选择符链中的最后一个选择符。Ie7中修正了。
First-letter 与font，text属性搭配很好。浏览器不能定位僞类元素，对他们的排列也存为问题，也就是说：postion，left，right，top，bottom僞类元素不起作用。同样vertical-align对僞类的处理也不一致。
浏览器也会有一些例外的情况，如他们不能选择第一个字母或者选择不止第一个字母，例如当图片或对象放在第一个字母前，所有主流浏览器都不能选择第一个字母，比如opera 9 不会选择单元格的第一个字母，ie6则把列表选项中的第一个字母和列表标识都一起选择。最后，僞类元素还会触发浏览器报错，所有一定要在所有主流浏览器中仔细检查你所使用的僞类元素
当僞类选择符位于群组选择符中，ie6将不能识别他们。必须声明 DOCTYPE，这样 :first-child 才能在 IE 中生效。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
僞類選ਓ
相关文档：
body{
background-image:url(about:blank);
background-attachment:fixed;
}
.myDiv{
position:fixed !important;
position:absolute;
top:expression(eval(document.documentElement.scrollTop));
}
body元素中background-image:url(about:blank);background-attachment:fixed;可防止ie6中出现闪 ......
#weblmenu
{
height:22px;
width:700px;
float:left;
display:inline;
text-align:left;
}
#weblmenu ul
{
height:22px;
width:700px;
text-align:left;
float:left;
}
#weblmenu ul li
{
height:22px;
width:110px;
float:left;
list-style-type:none;
text-align:center;
word-break:break-all;
} ......
外部引用CSS
中 link
与@import
的区别
这两天写了CSS样式，具体研究了XHTML加载CSS
的几种方式，其中外部引用CSS
分为两种方式link
和@import
。
本质上，这两种方式都是为了加载CSS
文件，但还是存在着细微的差别。
* 差别1：老祖宗的差别。link
属于XHTML标签，而@import
完全是CSS
提� ......
.styleName{
color
:
#FFF
;
/* FF,OP,IE8 */
[
;
color:
#0F0
;
]
/* Sa,CH */
*
color
:
#FF0
;
/* IE7 */
_color:
#F00
;
/* IE6 */
}
.styleName{
background-color
:
#332200
;
/* FF*/
}
html*
.styleName{
background-color
:
#FF00FF
;
/* Sa IE7 CH */
}
*+
html .style ......
