Proficient in CSS and HTML design patterns chapter 4 (CSS selection and inheritance)

Source: Internet
Author: User

I. Box Model (total)

Margin: Maggin border: border padding: padding inner box width: width

Background: Background and color within the border

Overflow

Ii. inline Box Model

Dispaly: inline (FLAG)

Line-Height: sets the height of the inline box model.

Border: Content surrounded by this border

Margin: top and bottom invalid left: Keep him away from the front element right: Stay away from the back Element

Invalid parameter: width, height, Overflow

Iii. Block Box Model

This is usually used, so no record is made.

Iv. Table Box Model

Table

There are only two parameters to focus on

Border-collapse: when the border is duplicated with other borders, collapse: merged separate: separated

Table-layout: whether to change width based on content size Auto: fixed based on content change: split by cells

5. Absolute Positioning

Z-index is positive, and negative is negative.

6. Floating Positioning

Float: Left float: Right

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.