CSS formatting
We're now ready to put in our CSS, so how's the formatting in CSS?
CSS is pretty simple to understand:
- The selector: This is where you choose which HTML elements you want to add style to. In this example, we select all the
<h1>
elements. - Curly bracket: All styles inside these will apply to the HTML elements chosen by the selector
- Property: A property controls one aspect of an HTML element's style, such as text-align, color, width, background, and so on.
- Value: The value goes to the property. In this case, the text-align value could be left, right, center, or justify.
- Semicolon: It is mandatory to apply it at the end of a property. Â
You can have multiple styles in the same <style>
tag. Let's center all the h1
and p
tags.
You should have the following:
<style> h1 { text-align: center; } p { text-align: center; } </style>