This assignment introduces the following HTML elements, CSS selectors, & CSS properties. You should use every one of these elements, selectors, & properties to complete the assignment.
Setting up
Create a new folder in the colors
projects & call it css
. In the css
folder, create a file called main-01.css
.
Duplicate chartreuse-05.html
& call it chartreuse-06.html
.
Duplicate index-02.html
& call it index-03.html
.
Duplicate tertiary-01.html
& call it tertiary-02.html
.
Link main-01.css
to chartreuse-06.html
, index-03.html
, & tertiary-02.html
.
Specific CSS
The figure
s in chartreuse-06.html
are too close together. Insert a margin
under each one that is 2.5em
in size.
Make every nav
have a background color of yellow
& a font of Verdana
, a sans-serif font.
Make every article
have a background color of pink
& a font of Georgia
, a serif font.
Make every aside
have a background color of silver
& a font of Courier
(if you use a Mac) or Courier New
(if you use Windows), a monospace font.
Make every footer
have a background color of yellow
& a font of Verdana
, a sans-serif font.
On index-03.html
:
- the words “Cras justo odio” are alerts that need to be red & bold, so use CSS to style them accordingly.
- all instances of
h3
insidea
(anchor) elements (& onlyh3
s that are insidea
s) need to have a bottom border that is1px
in width,dotted
, & has a color ofred
.