Dreamweaver MX CSS Usage tutorial CSS Extended properties

css|dreamweaver| Tutorial

Site original content, reproduced please indicate the source Web page teaching network .

　　 Nine. Define CSS style extension Properties

The extended style properties include filters, pagination, and cursor options, most of which are supported only by Internet Explorer 4.0 and later.

Specify extended properties: In the CSS Style Definition dialog box, select expand (The following figure), and then set the style properties that you want.

Paging: Forces a page break before or after an object that the style controls during printing. Select the options you want to set in the pop-up menu. This option is not supported by any version 4.0 browser, but may be supported by future browsers.

Cursor: The cursor option, located under visual effects, is the cursor display property setting. Changes the pointer image when the pointer is over an object that the style controls. Select the pop-up menu (below) to set. Its detailed list and related instructions.

Filters: Also known as CSS filters, apply special effects to objects controlled by styles. It brings us into the colorful world. It is with the filter properties that the page becomes more beautiful. The DW MX 2004 Extension Class filter embeds 16 style properties (as shown below), and you can choose and set them from the Filter pop-up menu, depending on your needs.

The following figure shows 16 filters and descriptions, which are now further described:

Alpha Filter: This name is often seen in Flash and Photoshop. They are basically similar in that they mix a target element with the background. You can specify values to control the degree of mixing. This "mixed with the background" is popularly said to be the transparency of an element.

Blendtrans Filter: Its function is also relatively single, is to produce a fine fade in the effect.

Blur filter: Loaded into the text, creating a wind-blown blur effect, similar to three-dimensional words, which will make you on the Web page to create a three-dimensional word title brought convenience. The blur filter can also be loaded onto the image to achieve the effect of using image processing software.

"DropShadow" As the name implies is to add object shadow effect. The actual effect looks like the original object left the page, and then displays the object's projection on the page.

CSS has a total of six parameter-free filters (FLIPH, FLIPV, Invert, Xray, Gray, and light), although they have no parameters, relatively flexibility to close, but they are more convenient to use, the effect is quite obvious. Use them to make text or pictures flip, get pictures of the "negative" effect, or even make pictures of the "X-ray" effect.

Glow Filter: Makes an object's edges produce a glow-like effect, glow "filters make this effect easy."

Mask filter: You can make a rectangular matte effect on a Component object on a Web page.

Wave filter: It's a special effect that distorts objects in a vertical waveform style.

Light filter: Can produce a simulation of the effect of light source, with the use of a number of simple javascrpt, so that objects produce strange lighting effects.

Revealtrans Live filter: is a magical filter, it can produce 23 kinds of dynamic effects, but also in 23 kinds of dynamic effects of randomly pumping one of them. It is very convenient to use it for dynamic switching between Web pages.