Note
We built a website for you to test your CSS knowledge! To allow you to view your work in its own browser tab, we saved the starter code in repl.it.
Complete the exercises, then follow your teacher’s instructions about how to submit your work.
Add the following style rules to the website. It’s OK to look back in the chapter, but try to complete as many of the tasks as possible before you check!
Add element, class, and id selectors to the style.css
file to do the
following:
font-family
to Courier
.h1
elements to 48px font size and underline the text.
(Bonus: Make it a wavy underline). Change all h2
elements to 36px
font size. Also, decorate the text with both an overline and an underline.fancy-text
with a font-family
of
cursive
. What happens when you apply this class to a section, a
paragraph, or a heading?class
attribute, like
class="class_name_1 class_name_2"
? Try it to find out!id="cool-text"
to blue.id
to change the items in the ordered list to a color and size
of your choosing. Remember, you can only add that id
attribute to ONE
tag.p
selector that sets the font-family
to
Helvetica
and the text color to slategray
.<p class="fancy-script">
. Does the internal element selector
override the external class?head
, move the <link>
element below the closing </style>
tag.
Does changing the order of the two elements matter?