易截截图软件、单文件、免安装、纯绿色、仅160KB

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">
 
 
僞類選ਓ


相关文档:

css样式相关知识小结

可以放置样式的地方:样式表,<style>和style
样式表是一个独立的文件,可以通过<link>元素或者css的@import语句把它附加到某个html文档中,<style>是一个html元素,可以把它内嵌在html文档中,style是一个属性,可以内置在任何html元素中。
要想把样式表连到html文档中,要在html文档中的<head> ......

ie8 css float问题

#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截取字符串注意事项

<div class="llist" >
<div class="lbar">定向营销</div>
<ul class="lbox01" style="height: auto;min-height: 100px;">
<c:forEach var="item" items="${marketInfos.results}">
<li><div style="overflow:hidden; text-overfl ......

css hack


  IE6 IE7 IE8 Firefox Opera Google
范例
>
Y
Y
N
N
N
N
.type { >color: #F00; }
.
Y
Y
N
N
N
N
.type { .color: #F00; }
*
Y
Y
N
N
N
N
.type { *color: #F00; }
_
Y
N
N
N
N
N
.type { _color: #F00; }
!important
N
Y
Y
Y ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号