Lists in HTML
In HTML, there are 3 different kinds of lists that are often used: ordered lists, unordered lists, and definition lists. However, each item in the three described lists is placed between the opening and closing general list tags. An unordered list is used as an outline, while an ordered list is used to explain steps. Order and unordered lists used the same primary head tag, while a definition list has its own. There is also a nested list where a secondary list is present under a primary list.
CSS Text in Variation
In CSS, Serif fonts are categorized by having their main stroke of letters in more detail while San-serif fonts' main strokes are straight for a much cleaner finish. Serif and San-serif are mainly used for text while the monospace text is generally used for code. There are also cursive and fantasy-style fonts to choose from as well. Another property that can affect a text's appearance is the weight, style, and stretch. Having more font weight is a good way to add emphasis, however, one will lose more contrast and white space during the process.
CSS Font Scale and Unit Size
Fonts in CSS are set by a ratio or scale. The font scale already has a range of sizes for designers to choose from as the given scale always makes text look pleasing to the eye. This font scale is 8, 9, 10, 11, 12, 14, 18, 24, 36, 48, 60, and 72. However many designers are recently deciding to default the text scale to size 16 and adjust accordingly for relative proportions. Setting font sizes in pixels is a great way to make sure the size is presented on screen as intended as pixels are relatively proportional to the resolution on the given screen.