Summary

Topic 1 HTML provides 3 different lists

The first ordered list uses ol, and li is inserted in the middle to represent different items in the list. The second type of unordered list uses ul, and li is also inserted in the middle to represent different items. The third type of definition list uses dl, with dt inserted in the middle to represent the definition item, and dd to represent the definition content. Similarly, you can insert lists within lists to create nested lists.

Topic 2 Text appearance properties can be changed

Basic font looks include serif, sans-serif and monospaced fonts. Each font has 4 weights: light, medium, bold, and black. Each font has three modes: normal, italic, and oblique. There are three types of stretching for each font, namely condensed, normal, and expanded. Change font size by entering pixels, percentage, EMS. The default font size in the browser is 16pt. Only fonts installed in the user's browser can be displayed.

Topic 3 Font families and typography

Font families can be entered in HTML and CSS to change the font formatting of text. Different browsers support different font formats, so multiple font formats need to be used to adapt to all browsers. Enter a Line Height to set the spacing between each line. Enter "letter spacing" and "word spacing" to change the spacing of the text. Enter "text align left, right, center, justify" in CSS to change the position of the text. Enter "vertical alignment" in CSS to change the text position, but it cannot be used in block-level elements. Enter "text indent" to move the paragraph a little to the left, or enter a negative value to move it a little to the right. Like the background color, the drop shadow can be set by entering "text shadow". Enter "first letter" or "first line" to set it individually. 2 different link methods: link, visited. 3 different corresponding modes: hover, active, focus. Enter "a:" in CSS to change the text in the link to different states.