Type selector
Unlike the universal selector, the type selector is one of the more common CSS selectors. It simply uses an element like a paragraph, heading, or footer and applies styles to all corresponding elements on the page. Below is an example of CSS using only type selectors on an <h1>, <h2>,<ul>, and <p>. Again, we will dive into properties later, just focus on the CSS selector and how it relates to the HTML.
We will look into these in detail in a later module
FONT
font Sets all the font properties in one declaration font-family Specifies the font family for text font-size Specifies the font size of text font-style Specifies the font style for text font-variant Specifies whether or not a text should be displayed in a small-caps font font-weight Specifies the weight of a font |
TEXT
color Sets the color of text direction Specifies the text direction/writing direction letter-spacing Increases or decreases the space between characters in a text line-height Sets the line height text-align Specifies the horizontal alignment of text text-decoration Specifies the decoration added to text text-indent Specifies the indentation of the first line in a text-block text-shadow Specifies the shadow effect added to text text-transform Controls the capitalization of text unicode-bidi Used together with the direction property to set or return whether the text should be overridden to support multiple languages in the same document vertical-align Sets the vertical alignment of an element white-space Specifies how white-space inside an element is handled word-spacing Increases or decreases the space between words in a text |