Class 7<br />
Selectors: Tag Selector <br />HTML document: <br /><p>, <h1>, <dl>, <dd>…<br />CSS document: <br />p { <br />	color: #ccc;...
Selectors: ID Selector <br />*ID Selectors are used for ONE element in the document.<br />HTML document: <br /><div id=“fo...
Selectors: Class Selector <br />Inline CSS?<br />Inline CSS?<br />Difficult to maintain style<br />Tag Selector?<br />Tag ...
Selectors: Class Selector! <br />
Selectors: Class Selector <br />HTML document: <br /><div class=“thisThing”> text…</div><br />CSS document: <br />.thisThi...
Selectors: Class Selector <br />.charBox {	width:75%;<br />		margin-left:auto;<br />		margin-right:auto;<br />		border: so...
Upcoming SlideShare
Loading in …5
×

Class7

430 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
430
On SlideShare
0
From Embeds
0
Number of Embeds
27
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Borders!
  • Class7

    1. 1. Class 7<br />
    2. 2. Selectors: Tag Selector <br />HTML document: <br /><p>, <h1>, <dl>, <dd>…<br />CSS document: <br />p { <br /> color: #ccc;<br />}<br />
    3. 3. Selectors: ID Selector <br />*ID Selectors are used for ONE element in the document.<br />HTML document: <br /><div id=“footer”> text…</div><br />CSS document: <br />#footer{ <br /> color: #ccc;<br />}<br />
    4. 4. Selectors: Class Selector <br />Inline CSS?<br />Inline CSS?<br />Difficult to maintain style<br />Tag Selector?<br />Tag Selector?<br />Use it in other areas<br />ID Selector?<br />ID Selector?<br />Only one per page<br />
    5. 5. Selectors: Class Selector! <br />
    6. 6. Selectors: Class Selector <br />HTML document: <br /><div class=“thisThing”> text…</div><br />CSS document: <br />.thisThing{ <br /> color: #ccc;<br />}<br />
    7. 7. Selectors: Class Selector <br />.charBox { width:75%;<br /> margin-left:auto;<br /> margin-right:auto;<br /> border: solid #690 1px;<br />}<br />

    ×