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

DIV CSS备录_html/css_WEB-ITnose

Jun 24, 2016 pm 12:32 PM

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

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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

What is the purpose of the <datalist> element? What is the purpose of the <datalist> element? Mar 21, 2025 pm 12:33 PM

The article discusses the HTML &lt;datalist&gt; element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

What is the purpose of the <progress> element? What is the purpose of the <progress> element? Mar 21, 2025 pm 12:34 PM

The article discusses the HTML &lt;progress&gt; element, its purpose, styling, and differences from the &lt;meter&gt; element. The main focus is on using &lt;progress&gt; for task completion and &lt;meter&gt; for stati

What is the purpose of the <meter> element? What is the purpose of the <meter> element? Mar 21, 2025 pm 12:35 PM

The article discusses the HTML &lt;meter&gt; element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates &lt;meter&gt; from &lt;progress&gt; and ex

What is the viewport meta tag? Why is it important for responsive design? What is the viewport meta tag? Why is it important for responsive design? Mar 20, 2025 pm 05:56 PM

The article discusses the viewport meta tag, essential for responsive web design on mobile devices. It explains how proper use ensures optimal content scaling and user interaction, while misuse can lead to design and accessibility issues.

What is the purpose of the <iframe> tag? What are the security considerations when using it? What is the purpose of the <iframe> tag? What are the security considerations when using it? Mar 20, 2025 pm 06:05 PM

The article discusses the &lt;iframe&gt; tag's purpose in embedding external content into webpages, its common uses, security risks, and alternatives like object tags and APIs.

How do I use the HTML5 <time> element to represent dates and times semantically? How do I use the HTML5 <time> element to represent dates and times semantically? Mar 12, 2025 pm 04:05 PM

This article explains the HTML5 &lt;time&gt; element for semantic date/time representation. It emphasizes the importance of the datetime attribute for machine readability (ISO 8601 format) alongside human-readable text, boosting accessibilit

How do I use HTML5 form validation attributes to validate user input? How do I use HTML5 form validation attributes to validate user input? Mar 17, 2025 pm 12:27 PM

The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.

What are the best practices for cross-browser compatibility in HTML5? What are the best practices for cross-browser compatibility in HTML5? Mar 17, 2025 pm 12:20 PM

Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.

See all articles