【CSS基础】琐碎记录

Tips: 大部分都摘自w3c

一,关于选择器

后代选择器,什么是后代选择器,h1标签所有子孙元素为em的都会起效果:

h1 em {color:red;}

       子元素选择器,什么是子元素选择器 ,h1标签下面的子元素为em的元素.请注意只是儿子元素,孙子元素以及更下层的

h1 > em {color:red;}      >号两边可以有空格符

        相邻兄弟选择器, h1标签之后的同级元素,有同一个父亲元素.[必须是同级元素.而且在h1标签的后面的p元素,起效果的也是h1标签后面的元素]

h1 + p {margin-top:50px;}

属性选择器,[注意]只有在规定了 !DOCTYPE 时，IE7 和 IE8 才支持属性选择器。在 IE6 及更低的版本中，不支持属性选择。

选择器	描述
[attribute]	用于选取带有指定属性的元素。
[attribute=value]	用于选取带有指定属性和值的元素。
[attribute~=value]	用于选取属性值中包含指定词汇的元素。
[attribute|=value]	用于选取带有以指定值开头的属性值的元素，该值必须是整个单词。
[attribute^=value]	匹配属性值以指定值开头的每个元素。
[attribute$=value]	匹配属性值以指定值结尾的每个元素。
[attribute*=value]	匹配属性值中包含指定值的每个元素。

二,一些不熟悉的属性

text-decoration:

值	描述
none	默认。定义标准的文本。
underline	定义文本下的一条线。
overline	定义文本上的一条线。
line-through	定义穿过文本下的一条线。
blink	定义闪烁的文本。
inherit	规定应该从父元素继承 text-decoration 属性的值。

         设置透明度:请看下面的 CSS：

img
{
opacity:0.4;
filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */
}

IE9, Firefox, Chrome, Opera 和 Safari 使用属性 opacity 来设定透明度。opacity 属性能够设置的值从 0.0 到 1.0。值越小，越透明。

IE8 以及更早的版本使用滤镜 filter:alpha(opacity=x)。x 能够取的值从 0 到 100。值越小，越透明。