2.3 Html5 And Css3 - Adding css3 to our page
Tip: Highlight text to annotate itX
In this video, we will get our first look into how CSS3 can improve the design of a web page.
To add a box shadow to our main content area, locate the div.main class definition.
Place the cursor after the last line in the definition and press the Enter key.
Then, type the CSS code seen onscreen.
Next, locate the div.footer definition.
Place the cursor after the last line in the definition and press the Enter key.
Then, type the CSS code seen on screen.
Next, locate the div.nav definition.
Place the cursor after the last line in the definition and press the Enter key.
Then, type the CSS code seen on screen.
We declared the same styling three different times, but targeted different browsers each time
to make sure our page looks the same across compatible browsers.
Now that we have applied a dark gradient to our navigation bar,
we must change the text color of our navigation buttons.
To change the color of the text, locate the a.navbuttons definition.
Then, change the color property from black to white.
To see the changes, click the Save button on the toolbar.
Then, click the Run menu and select Launch in Firefox.
