WXSS the idea of CSS to learn, display properties.

Source: Internet
Author: User

First of all, to summarize the learning ideas:

This series of content, will be for the small program in WXSS learning, so in learning css every knowledge point in the Applet IDE practice, to achieve the best learning effect.

Because WXSS and CSS are slightly different, in the process of learning CSS, we try to avoid, in the WXSS of the properties do not spend too much time.

Contact Display properties:

It's the most important property in CSS.

Each element has a default display value

For most elements their default value is block and inline.

blocks are called block-level elements, andinline is called inline elements.

Block-level element: It will fill the container's left and right margins as much as possible, and it will make other elements same row with it.

Other commonly used block-level elements include p , form and HTML5, new elements: header , footer , and section so on.

inline element: It will only wrap content without taking up other space.

    • Setting width is not valid.
    • Setting height is invalid and can be set by Line-height.
    • Setting margin is only valid for margin, upper and lower invalid.
    • Set padding only left and right padding valid, upper and lower is invalid. Note that the element range is increased, but the content around the element is not affected.

http://blog.csdn.net/freshlover/article/details/7076831

Http://www.cnblogs.com/lhl98/p/3432794.html

The above link to the block and inside the element has a good explanation.

We can have a clearer "self-perception" by practicing in the IDE.

WXSS the idea of CSS to learn, display properties.

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.