HTMLCourse Basic/Notes/Week2: Difference between revisions

Jump to navigation Jump to search
no edit summary
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.<br />
<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>
   &lt;div id=&quot;navigation&quot;&gt;
   &lt;div id=&quot;navigation&quot;&gt;
39

edits

Navigation menu