【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。值越小,越透明。