39
edits
No edit summary |
No edit summary |
||
| Line 67: | Line 67: | ||
<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. 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> | ||
<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.</p> | ||
</div> | </div> | ||
<h2>ID and Class Selectors</h2> | <h2>ID and Class Selectors</h2> | ||
<p>Often, you'll want more specific control over which tags are styled, beyond all paragraph tags, or all link tags. CSS selectors provide a great deal of precision. Some of the more common selectors allow you to select a tag based on its id or class attribute.< | <p>Often, you'll want more specific control over which tags are styled, beyond all paragraph tags, or all link tags. CSS selectors provide a great deal of precision. Some of the more common selectors allow you to select a tag based on its id or class attribute.</p> | ||
For example, a div tag like this: | <p>For example, a div tag like this:</p> | ||
<pre> | <pre> | ||
<div id="navigation"> | <div id="navigation"> | ||
edits