In HTML, the tags (i.e. <b>, <body>, <a>, etc) are the meat and potatoes
of the HTML language. In CSS, there are many properties (i.e. Font, Text, Box, and Color) that you have probably seen if you've read through this tutorial.
CSS has grouped all the CSS properties into logical groups to give the massive amount of properties some order, unlike HTML. This lesson will review these areas and give a brief description of what they are for. For a quick reference, check out our CSS Properties Reference.
CSS Font Properties
The CSS font properties control all aspects of your text graphical representation. From the thickness of your font (font-weight) to font type (font-family) of your choice. Here are all the font properties at your disposal:
CSS Text Properties
The CSS text properties control the spacing, alignment, decoration, and other miscellaneous aspects of the text. Here is a list of all the CSS text properties. Remember to check out our CSS Properties Reference for a description and example of all of the properties mentioned in this lesson.
CSS Box Properties
The CSS box properties are used to define the spacing in and around HTML elements, their borders, and other positioning aspects. Border, Margin, and Padding all have four properties each: top, right, bottom, and left.
CSS Color Properties
The CSS color property defines what color the text inside the specified HTML element will have. Use classes or identifiers to have multiple colors for one type of HTML element.
CSS Background Properties
The CSS background properties control things like if the background is a single
color or maybe an image. If it's an image you can set the position of the image
and tell it whether or not you want the image to repeat left-to-right and/or
- Background Color
- Background Image
- Background Repeat
- Background Attachment
- Background Position
CSS Classification Properties
We think of the classification properties as having the list element and all the leftover elements that would not fit into any other category. Check out our CSS Properties Reference for a an example of all the properties mentioned here.
- List Style
- List Style Type
- List Style Image
- List Style Position
Found Something Wrong in this Lesson?
Report a Bug or Comment on This Lesson - Your input is what keeps Tizag improving with time!