Div + css knowledge accumulation

Source: Internet
Author: User

#: There are two types of browsers: ie (which does not comply with w3c standards) and non-ie (which complies with w3c standards). However, the ie series is approaching w3c standards.

1. body margin: 0px can make the surrounding seamless;

2. Define the background image:

{

Background-image: url('bgimage.gif ');

Background-repeat: no-repeat;

Background-attachment: fixed; // you can specify whether the background image is fixed or scrolling along with the rest of the page.

Background-position: center;

}

The background-position attribute sets the starting position of the background image.Tip:You must set the background-attachment attribute to "fixed" to ensure that this attribute works normally in Firefox and Opera. The default value is 0%.

· Top left

· Top center

· Top right

· Center left

· Center

· Center right

· Bottom left

· Bottom center

· Bottom right

If you specify only one keyword, the second value is "center ".

Default Value: 0% 0%.

X % y %

The first value is the horizontal position, and the second value is the vertical position.

The top left corner is 0% 0%. The bottom right corner is 100% 100%.

If you specify only one value, the other value is 50%.

3. Set a div with a fixed length and width. If the background image is not long enough or the width is repeated, it cannot be completely displayed if it is too long or too wide.

4. position: attribute specifies the positioning type of the element.

Value Description
Absolute

Generates absolute positioning elements, which are located relative to the first parent element other than static positioning.

The positions of elements are specified by the "left", "top", "right", and "bottom" attributes.

Fixed

Generates absolute positioning elements, which are located relative to the browser window.

The positions of elements are specified by the "left", "top", "right", and "bottom" attributes.

Relative

Generates relative positioning elements and locates them relative to their normal locations.

Therefore, "left: 20" adds 20 pixels to the LEFT position of the element.

Static Default value. The element is not located and appears in the normal stream (ignore the top, bottom, left, right, or z-index declarations ).
Inherit Specifies that the value of the position attribute should be inherited from the parent element.

Style = "position: relative;
Top: 318px;
Left:-10px;
Height: 18px;
Width: 180px;
Text-align: left ;"

#: <A href = "#" title = "hello..."> test </a> the property of the title in the link.

5 .......~ \ (Too many rows )/~ ......

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.