39
edits
HTMLCourse Basic/Notes/Week2: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 62: | Line 62: | ||
<link rel="stylesheet" type="text/css" href="style.css" /> | <link rel="stylesheet" type="text/css" href="style.css" /> | ||
</head> </pre> | </head> </pre> | ||
<h4>Firebug</h4> | |||
<p>The Firefox plugin Firebug allows you to see your CSS styles as you look at the page. It is infinitely helpful for debugging CSS. Get it here: <a href="http://getfirebug.com/">http://getfirebug.com/</a></p> | |||
<div class="exercise"> | <div class="exercise"> | ||
<h3>Exercise</h3> | <h3>Exercise</h3> | ||
<p>Create a CSS file and link to it in your HTML file. If you want an HTML style to experiment with, you can use this one: <a href="http://robynoverstreet.com/mozilla/week2/layout.html">layout.html</a></p> | |||
<p>Create a CSS file and link to it in your HTML file. | <p>Create a CSS file and link to it in your HTML file. | ||
<p>Experiment with adding borders of different sizes, styles, and colors to elements in your page. Try adding color and background-color properties to elements as well. | <p>Experiment with adding borders of different sizes, styles, and colors to elements in your page. Try adding color and background-color properties to elements as well. | ||