| Property | Description | Example |
|---|---|---|
| font-size | The font-size CSS property is used to set text sizes. Font size values can be many different units or types such as pixels. | font-size: 30px; |
| background-color | The background-color CSS property controls the background color of elements. | background-color: #000000 |
| !important | The CSS !important rule is used on declarations to override any other declarations for a property and ignore selector specificity. !important rules will ensure that a specific declaration always applies to the matched elements. However, generally it is good to avoid using !important as bad practice. | font-size: 30px !important |
| opacity | The opacity CSS property can be used to control the transparency of an element. The value of this property ranges from 0 (transparent) to 1 (opaque). | opacity: 0.5; |
| font-weight | The font-weight CSS property can be used to set the weight (boldness) of text. The provided value can be a keyword such as bold or normal. | font-weight: bold; |
| text-align | The text-align CSS property can be used to set the text alignment of inline contents. This property can be set to these values: left, right, or center. | text-align: right; |
| color | Using the color property, foreground text color of an element can be set in CSS. The value can be a valid color name supported in CSS like green or blue. Also, 3 digit or 6 digit color code like #22f or #2a2aff can be used to set the color. | color: #2a2aff; |
| background-image | The background-image CSS property sets the background image of an element. An image URL should be provided in the syntax url("moon.jpg") as the value of the property. | background-image: url("nyan-cat.gif"); |
| font-family | The font-family CSS property is used to specify the typeface in a rule set. Fonts must be available to the browser to display correctly, either on the computer or linked as a web font. If a font value is not available, browsers will display their default font. When using a multi-word font name, it is best practice to wrap them in quotes. | font-family: "Courier New"; |