Getting started with HTML and CSS-Chapter 5 using text blocks and lists,

Getting started with HTML and CSS-Chapter 5 using text blocks and lists,

Knowledge point:

1. Align text on the page

2. How to use the three types of HTML list

3. How to place a list in the list

5.1 align text on the page:

Center of the child element text in the parent element: In the control text-align: center of the parent Element

The child element is centered relative to the parent element: the child element's margin: 0 auto;

PS: div refers to division (group ).

5.2 three types of HTML list:

<Ol>... <li>: ordered list. The whole list is indented. Each list item contains digits or letters.

<Ul>... <li>: unordered list. Unlike the ordered list, the list item is preceded by a symbol.

<Dl>... <dt>... <dd>: custom list. dt corresponds to the title of each item, and dd corresponds to each item.

5.3 put the list in the list:

Blockquote effect (defined by the browser ):

1 blockquote {2 display: block; 3-webkit-margin-before: 1em; 4-webkit-margin-after: 1em; 5-webkit-margin-start: 40px; 6-webkit-margin-end: 40px; 7}

The list can be infinitely nested ......