CSS

Using CSS to Add Style

CSS stands for cascading stylesheets and allows us to modify the appearance of HTML elements in a browser. Study this W3schools page to understand the syntax of CSS. It is important to understand the concepts of a selector, property, and value.

h1 {
  color: red;
}
h3 {
  background-color: black;
  color: white;
}
p {
  font-size: 20px;
}

Try it out

1. Copy the CSS code above and add it to your CodePen from the HTML Exercise, and notice how the browser preview has changed.

2. Modify the CSS by changing colors and font-size.

3. Customize your look by adding the style properties below on the HTML elements you choose.

• Border

• Margin

• Padding

• Box-shadow - This one is cool.