Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

PROGRESS - CSS BASIC

155 views

Published on

just read it

Published in: Technology
  • Be the first to comment

PROGRESS - CSS BASIC

  1. 1. CSS BASIC UKM PROGRESS
  2. 2. STRUKTUR CSS SELECTOR PROPERTY VALUE
  3. 3. PENEMPATAN CSS INLINE CSS INTERNAL CSS EXTERNAL CSS
  4. 4. INLINE CSS
  5. 5. INTERNAL CSS
  6. 6. EXTERNAL CSS File style.css File index.html
  7. 7. SELECTOR CSS ELEMENT SELECTOR ID SELECTOR CLASS SELECTOR
  8. 8. ELEMENT SELECTOR File style.css File index.html
  9. 9. ID SELECTOR File style.css File index.html
  10. 10. CLASS SELECTOR File style.css File index.html
  11. 11. PERBANDINGAN SELECTOR ELEMENT SELECTOR ID SELECTOR CLASS SELECTOR
  12. 12. PROPERTY CSS (BASIC)  COLOR  BACKGROUND-COLOR  FONT-SIZE  MARGIN  PADDING  POSITION  TOP, BOTTOM,LEFT,RIGHT  FLOAT  WIDTH & HEIGHT
  13. 13. PROPERTY COLOR (EXTERNAL CSS)
  14. 14. PROPERTY BACKGROUND-COLOR (EXTERNAL CSS)
  15. 15. PROPERTY MARGIN (EXTERNAL CSS)
  16. 16. HASIL PROP. MARGIN SEBELUM MENGGUNAKAN MARGIN SETELAH MENGGUNAKAN MARGIN
  17. 17. PROPERTY PADDING (EXTERNAL CSS)
  18. 18. HASIL PROP. PADDING SEBELUM MENGGUNAKAN PADDING SETELAH MENGGUNAKAN PADDING
  19. 19. PROPERTY POSITION (EXTERNAL CSS)
  20. 20. HASIL PROP. POSITION SEBELUM MENGGUNAKAN POSITION SETELAH MENGGUNAKAN POSITION
  21. 21. PROPERTY TOP, BOTTOM, LEFT, RIGHT (EXTERNAL CSS)
  22. 22. HASIL PROP. TOP BOTTOM LEFT RIGHT SEBELUM MENGGUNAKAN SETELAH MENGGUNAKAN
  23. 23. PROPERTY FLOAT (EXTERNAL CSS)
  24. 24. HASIL PROP. FLOAT SEBELUM MENGGUNAKAN FLOAT SETELAH MENGGUNAKAN FLOAT
  25. 25. PROPERTYWIDTH & HEIGHT (EXTERNAL CSS)
  26. 26. HASIL PROP. WIDTH & HEIGHT SEBELUM MENGGUNAKAN WIDTH & HEIGHT SETELAH MENGGUNAKANWIDTH & HEIGHT

×