Home > Web Front-end > HTML Tutorial > DIV CSS备录_html/css_WEB-ITnose

DIV CSS备录_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Release: 2016-06-24 12:32:38
Original
988 people have browsed it

#Properties:

1 Scroll bar style

* Control the visibility of horizontal and vertical scroll bars

Remove the scroll bar y-axis< body style="overflow-y:hidden">

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)

//Played file address
//Whether to play automatically
//Adjust the left and right channel balance, the same as the old player code above
//Whether the player can be controlled manually
//Whether the context menu is enabled
//Play count control, an integer
//Play rate control, 1 is normal, decimals are allowed ,1.0-2.0
//Control settings current position
//Control settings :Current tag
//Display the default frame
//Script command settings: Whether Calling URL
//Script command settings: Called URL
//Whether Stretch proportionally
//The default sound size is 0%-100%, 50 is 50%
//Whether to mute
//Player display mode: Full displays all; mini is the most simplified; None does not display playback control, only displays Video window; invisible does not display all
//If it is 0, full screen is allowed, otherwise it can only be viewed in the window
//Whether to automatically full screen when starting playback
//Whether to enable error prompt reporting
//SAMI style
//SAMI language
//Subtitle ID

#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:

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

< img src=”aaaa.jpg” mce_src=”aaaa.jpg” style=”margin-top : expression(( 300 - this.height ) / 2);” />

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)

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template