odin-css-exercises/foundations/01-css-methods

Methods for Adding CSS

In this exerrcise, you're going to practice adding CSS to an HTML file using all three methods: external CSS, internal CSS, and inline CSS.

There are three elements for you to add styles to, each of which uses a different method of adding CSS to it, as noted in the outcome image below. All other exercises in this section will have a CSS file provided and linked for you, but for this exercise you will have to create the file and link it in the HTML file yourself.

You should only be using type selectors for this exercise when adding styles via the external and internal methods.

Desired Outcome

Self Check

• Did you use all three methods of adding CSS to an HTML file?
• Did you properly link the external CSS file in the HTML file?
• Does the div element have CSS added via the external method?
• Does the p element have CSS added via the internal method?
• Does the button element have CSS added via the inline method?