DIV CSS备录_html/css_WEB-ITnose

#Properties:

1 Scroll bar style

* Control the visibility of horizontal and vertical scroll bars

Remove the scroll bar y-axis

Remove the scroll bar x-axis

Scroll bar x/y axis all Remove

*Scroll bar color

Scrollbar-Face-Color is the scroll bar surface color setting;

Scrollbar-Highlight- Color is the color setting for the upper bevel and left bevel of the scroll bar;

Scrollbar-Shadow-Color is the color setting for the lower bevel and right bevel of the scroll bar;

Scrollbar-3Dlight-Color is the scroll bar Set the color of the top and left edges;

Scrollbar-Arrow-Color sets the color of the arrows at both ends of the scroll bar.

Scrollbar-Track-Color is the color setting for the bottom of the scroll bar;

Scrollbar-Darkshadow is the color setting for the bottom and right edge of the scroll bar.

2.marquee scrolling

direction represents the direction of scrolling, the value can be left, right, up, down, the default is left

behavior represents the way of scrolling, the value can It is scroll (continuous scrolling) slide (slide once) alternate (scroll back and forth)

loop represents the number of loops, the value is a positive integer, the default is infinite loop

scrollamount represents the movement speed, the value is a positive integer , the default is 6

scrolldelay represents the pause time, the value is a positive integer, the default is 0, the unit is milliseconds

align represents the vertical alignment of the element, the value can be top, middle, bottom, default For middle

bgcolor represents the background color of the motion area. The value is a hexadecimal RGB color. The default is white.

height and width represent the height and width of the motion area. The value is a positive integer (unit is a pixel) or a percentage, the default width=100% height is the height of the element within the tag

hspace, vspace represent the horizontal and vertical distance from the element to the area boundary, the value is a positive integer, the unit is pixels.

onmouseover=this.stop() onmouseout=this.start() means that the scrolling stops when the mouse is above the area, and continues scrolling when the mouse moves away.

3. Web page? embedded frame iframe

　

marginheight: top, bottom/left and right borders

frameborder: border

align: alignment

scrolling: scroll axis

name: naming

allowTransparency: whether to be transparent

4. Windows Media Player web player parameter meaning (MediaPlayer9.0 and above)
> ;

#Tips:

1. Make the flash background transparent in dreamweaver

Change the original parameter to:

2. CSS background translucency effect

* Add in CSS: filter: Alpha(Opacity=50); //The number represents the degree of transparency

* If you want the background to be translucent but the text to be opaque, you can add position:relative to the text layer;

3. Remove the dotted border when clicking on the link image

Add onFocus="if( this.blur)this.blur()" is enough

4. Line break explanation when the mouse passes over

Add

between the two lines

For example: title=" Cool site name: bbcafe Date added: 2009-6-7"

5. Text formatting

*No line breaks

WHITE-SPACE

normal: Default processing method

pre: Display pre-formatted text in a fixed-width font. Do not merge spacing between words and perform justification.

nowrap: Force all text to be displayed on the same line until the end of the text or a br object is encountered.

*Automatic word-wrap

word-break:break-all;

word-wrap: break-word; /*Do not split word-break*/

*Automatic two-end alignment

text-align:justify;

text-justify:inter-ideograph;

*Spacing between characters and words

letter-spacing/*character spacing*/

word-spacing/*word spacing*/

*When the text exceeds the limit, it is displayed as an ellipsis

text-overflow:ellipsis;

6. Usage of fieldset tag

The fieldset element can group related elements within the form.

For example:

item:

name：

password：

Display results:

7. The fade effect when the page exits

Added between the head

//Number code fade speed

8.favicon.ico Show

9. Invalidate the webpage saved as

Add the following code between BODY

10. Let IE8 automatically starts IE7 compatibility mode

Add the following HTTP meta-tag to the page:

12. Image adaptive layer height

Can only be adapted at a fixed layer height

# Browser compatible (hack)

*The difference between IE6 and FF:

background:orange;_background:blue;
*The difference between IE6 and IE7: (IE6 can recognize _, but IE7 cannot)
background:orange; *background: green;
*Difference between FF, IE7, IE6: (IE6 IE7 can recognize*, FF cannot recognize)
background:orange; *background:green; _background:blue;

(IE6 can recognize _, IE7, FF cannot; IE7 can recognize *, FF cannot)