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.