Ids classes-floats

684
-1

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
684
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ids classes-floats

  1. 1. PROGRAMMING FOR NON-PROGRAMMERS FRONT-END DEVELOPMENT Chris Castiglione @castig | www.pfnp.meWednesday, February 20, 13
  2. 2. #IDS VS .CLASSES 2 #ID You CAN NOT reuse an ID name. Only one per page! .classes You CAN have multiple class namesWednesday, February 20, 13
  3. 3. #IDS VS .CLASSES 3 <div  id=”header”> <div  id=”nav”> #main #sidebar <div  id=”footer”>Wednesday, February 20, 13
  4. 4. #IDS VS .CLASSES 4 <div  id=”header”> <div  id=”nav”> #main #sidebar <img> <img> <img> <div  id=”footer”>Wednesday, February 20, 13
  5. 5. #IDS VS .CLASSES 5 <div  id=”header”> <div  id=”nav”> #main #sidebar <img  class=”frame”> <img  class=”frame”> <img  class=”frame”> <div  id=”footer”>Wednesday, February 20, 13
  6. 6. #IDS VS .CLASSES 6 <header> <nav> #main #sidebar <img  class=”frame”> <img  class=”frame”> <img  class=”frame”> <footer>Wednesday, February 20, 13
  7. 7. 7 FLOAT & CLEARWednesday, February 20, 13
  8. 8. I DONT ALWAYS FLOAT MY DIVSWednesday, February 20, 13
  9. 9. I DONT ALWAYS FLOAT MY DIVS BUT WHEN I DO... I CLEAR THEMWednesday, February 20, 13
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×