The third step of HTML learning is easy

HTML default layout, can not meet the requirements. So we want more advanced forms of expression. These are the way to change the box model.

Remember, the box model has three key points, margin border padding. Here's how to change the easy way, but also from the box model. For the sake of demonstration, I would like to use the two balm of div and span to illustrate.

There are several forms of change:

1. Changes in size and position, and spacing of other elements.

2. Show hidden Conversions .

3. block exclusive lines, non-exclusive row changes.

4. changes in shape. For example, the rectangle turns round.

5. Color font changes.

6. long text line change. The line and line height of the text paragraph changes.

7. Horizontal, vertical alignment.

If you look fast, you should already know that these changes are made by the style attribute. or write it in CSS. It doesn't matter if you don't know. Slowly, do not understand the things, see more, with more, accustomed to, and so on. The so-called understanding, many times just eliminate the strangeness.

First look at the simple, size and position changes.

The third step of HTML learning is easy