Practical Web Design

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. ...