There are multiple CSS properties that can be used to change the appearance of text and elements with a corresponding value in an HTML document.
font-size
The font-size property can be used to alter the size of the text with a px, em, or percentage value.
font-family
The font-family property can be used to alter the font with one of the generic font families: serif, sans-serif, monospace, cursive, or fantasy.
text-align
The text-align property can be used to align text horizontally using one of these values: left, right, center, or justify (every line has equal width).
vertical-align
The vertical-align property can be used to align text vertically using one of these values: baseline, text-top, text-bottom, sub, or super.
text-decoration
The text-decoration property can be used to set or remove decorations from text with none, overline, line-through, or underline.
text-transform
The text-transform property can be used to specify uppercase and lowercase with capitalize, uppercase, or lowercase.
color
The color property can be used to alter the color of text using RGB, HSL, or a predefined name.
letter-spacing
The letter-spacing property can be used to specify the space between lines of text with normal or a length unit.
line-height
The line-height property is used to specify the space between lines of text with normal or a length unit.
font-style
The font-style property is mostly used to specify italic text with the value italic. Can also use normal for normal text.
font-weight
The font-weight property is mostly used to specify bold text with the value bold. Can also use normal for normal text.
word-spacing
The word-spacing property is used to specify the space between words in a string of text with normal or a length unit.
background-color
The background-color property can be used to specify the background color of an element with background-color.
border
The border property allows you to add a border to an element and can be stylized with border-style, border-width, and border-color.
margin
The margin property creates space around an element with margin, margin-top, margin-right, margin-bottom, and/or margin-left.
padding
The padding property creates space around an element's content with padding, padding-top, padding-right, padding-bottom, and/or padding-left.
outline
The outline property is used to draw a line outside an elements border using outline-style, outline-color, or outline-weight.
position
The position property is used to specify the position method for an element with static, relative, fixed, absolute, or sticky.
height/width
The height and width properties are used to specify the height or width of an element using height or width with auto, length, or a percentage.
float
The float property is used to specify how an element should float (be positioned) with the values left, right, or none.
display
The display property is used to specify the behavior of an element. Commonly used property values include none, inline, block, inline-block, flex, etc.
flexbox
Flexbox isn't complicated, but it is complex. It provides an efficient way to lay out, align, and distribute space among items in a container. Flexbox is not considered a single property, but an entire module. Flexbox has become a very common method used to structure content in CSS. For more information on Flexbox, visit this Complete Guide to Flexbox.