css学习

css的中文含义叫层叠样式表

特点：

1：简化html文件的建立：将html文档与样式表分别建立。在建立html文档时就不需要考虑文件的显示方式，而专心于其内容的组织，多注意文档的结构而不是显示效果

2：独立性与灵活性：将html文档与样式表分别建立，这样两者之间具有独立性

3：样式表的重复利用：由于html与样式表分开建立，这样一个html文档可以使用不同的样式表，从而使外观更方便的变化。

 在定义每条css规则时基本格式如下

selector{property：value；property：value；……}

当定义一条规则时，必须指定接收这条样式规则的网页标签，在一条规则中定义的网页标签就是选择器

选择器有如下几种

HTML选择器

1：HTML标签作为选择器

2：类选择器。这里类的概念是将一个html标签所创建的各个网页元素分为几类，它是通过各个html标签所通用的class属性来实现的。

<p class="stop" ></p>

<p class="warning"></p>

<p class="error"></p>

如果在样式表中定义样式规则时，选择器直接以（.）开头后跟类名。这条样式规则就适合于class属性值等于该类名的任何html标签，而不只对某一个标签起作用、。

3：伪元素选择器

样式规则的格式如下：html 标签：伪元素{属性：值}

目前常用的伪元素有如下几种

a:active： 选中超链接时的状态

a:hover：光标移动到超链接上的状态

a:ling：超链接的正常状态

p:first-line：段落中的第一行文本

p:first-letter：段落中的第一个字母

CSS样式的优先级，总结起来就是：从上到下，从总体到局部。如果下面重新定义了上面定义过的同类性质的属性，则以下面的定义为准。如果位于html文档里层的标签重新定义了外层标签定义过的同一属性，浏览器显示里层标签的内容时，以里层标签的定义为准。

内联样式表具有最高的优先级，嵌入样式表次之，外部样式表最低。

Filter用于设置元素的滤镜特效，参数如下

Alpha参数用来控制一个元素与背景的混合程度，也就是一个元素的透明度

Alpha{Opacity=?,FinishOpacity=?,Style=?,StartX=?,StartY=?,FinishX=?,FinishY=?}

DropShadow参数用于建立阴影效果，需要设置若干子参数

DropShadow(Color=?,OffX=?,OffY=?,Positive=?)

……

还有可以设置模糊效果，发光效果，淡入淡出效果，波纹效果，转换效果，去掉图片的颜色，反转图像的颜色等等……