History

James c4a0283357 Changing the order of solution css file As learners are reading the requirement for exercises, they will tend to follow the order of requirements listed when styling elements, so it makes sense for the solution to match the same order.		2021-09-14 20:25:54 -04:00
..
solution	Changing the order of solution css file	2021-09-14 20:25:54 -04:00
README.md	Spelling error fixed	2021-09-09 12:04:43 +05:30
index.html	Add solutions and templates	2021-08-29 19:22:54 -04:00

README.md

Methods for Adding CSS

In this exercise, you're going to practice adding CSS to an HTML file using all three methods: external CSS, internal CSS, and inline CSS. You should only be using type selectors for this exercise when adding styles via the external and internal methods. You should also use keywords for colors (e.g. "blue" instead of using RGB or HEX values).

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. This is all about practicing using these different methods and getting the syntax right.

The properties you need to add to each element are:

div: a red background, white text, a font size of 32px, center aligned, and bold
p: a green background, white text, and a font size of 18px
button: an orange background and a font size of 18px

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?