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