0
PROGRAMMING FOR        NON-PROGRAMMERS         FRONT-END DEVELOPMENT        Chris Castiglione        @castig | www.pfnp.me...
#IDS VS .CLASSES                                    2                             #ID                             You CAN ...
#IDS VS .CLASSES                                                 3                                     <div	  id=”header”>...
#IDS VS .CLASSES                                                 4                                     <div	  id=”header”>...
#IDS VS .CLASSES                                                     5                                        <div	  id=”h...
#IDS VS .CLASSES                                            6                                           <header>          ...
7      FLOAT      & CLEARWednesday, February 20, 13
I DONT ALWAYS                             FLOAT MY DIVSWednesday, February 20, 13
I DONT ALWAYS                             FLOAT MY DIVS                             BUT WHEN I DO...                      ...
Upcoming SlideShare
Loading in...5
×

Ids classes-floats

643

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
643
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

Transcript of "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.

×