论块元素与行内元素

   一.概述：

   1.块元素：一般从新行开始，可容纳文本。其他内联元素和块元素即使内容不能占满一行，块元素也要把整行占满。常见块元素<div>,<p>（注：不管内容多少，都会占据整行，会换行显示）

    2.行内元素（内联元素）：可容纳文本或其他内联元素。常见内联元素<span>.<a>（注：只能显示自己内容的宽度，不占整行。）

  二.区别：

    1.行内元素只占内容的宽度，块元素内容不管内容多少都要占全行。

     2.行内元素容纳文本和其他行内元素，块元素可容纳文本行内元素和块元素。（只与浏览器类版本和类型有关）

      3.行内元素的一些属性对行内元素不生效。如margin,left ,right ,width,height尽可能用块元素定位。

   三.行内元素和块元素可相互转换：

      1.转换为行内元素：display:inline;

      2.转换为块元素：display:block;

    四.滤镜功能：

    滤镜：主要是用来实现图像中的各种特殊效果。

    1.Gray滤镜取消物件的颜色信息，将它转变为灰度图。

     语法： STYLE="filter:Gray"

   2.dropShadow 滤镜是让HTML元件产生下落式的阴影。

    语法： STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY,     Positive=positive)"

Color

代表投射阴影的颜色。

阴影的水平偏移量。

阴影的垂直偏移量。

Positive

一个布尔值。若值为true（非0），就为非透明像素建立阴影；若值为false(0)，就为透明的像素建立阴影。

实例如下：

filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")

           3.Chroma 可以设置对象中一个指定的颜色为透明色。

语法： STYLE="filter:Chroma(Color = color)"

Color

需要设为透明的颜色值，必须是对象中有的颜色值。

实例如下：

请按图像下面的按钮，观察下面语句的滤镜效果：

filter:Chroma(Color="#FFFFFF")

      4.dropShadow 滤镜是让HTML元件产生下落式的阴影。

语法： STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"

Color

代表投射阴影的颜色。

阴影的水平偏移量。

阴影的垂直偏移量。

Positive

一个布尔值。若值为true（非0），就为非透明像素建立阴影；若值为false(0)，就为透明的像素建立阴影。

实例如下：

filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")