CSS plan of Div box

Source: Internet
Author: User

Some people say that the XHTML webpage is a structured webpage that encapsulates content information through Div like a box. In a visible structure, each element is displayed as a two-dimensional plane. The diagram is as follows:


CSS 2D graphic
The following is a detailed breakdown:
The inmost white area is the content information display area, which can be an image or text, while the content display area is controlled by the height and width; the Content Rendering area is surrounded by the outer rectangle padding (gray area). This layer cannot be set with color, but is the background color of the transparent content, followed by the border of the CSS element (Border) (Red area), this is the border can set the width and color, solid line, dotted line and other styles; the white area of the outermost layer of the dotted line and the red range is the border distance (margin ), the box spacing adjacent to the exterior of the element is also colorless and transparent, and there is no color setting style.
Related Article

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.