Css dasar-lanjut

1,091 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,091
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
72
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Css dasar-lanjut

  1. 1. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  2. 2. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  3. 3. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  4. 4. h1 {color:blue;} ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  5. 5. <style> <link>@import ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  6. 6. <style> <head> ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  7. 7. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  8. 8. <link> ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  9. 9. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  10. 10. • body {color:black}• p {font-family:"sans serif"}• p {text-align:center;color:red}• p { text-align:center; color:black; font-family:arial }
  11. 11. • h1 { color:green; } h3 { color:green; } h5 { color:green; } p { color:green; } h1,h3,h5,p { color:green; }
  12. 12. •••• .merah {color:red;} .right {text-align:right;} .left {text-align:left;}
  13. 13. ••••• #merah {color:red;} #right {text-align:right;} #left {text-align:left;}
  14. 14. •• background-color background-image background-repeat background-attachment background-position
  15. 15. • body {background-color:aliceblue;} h1 {background-color:rgb(0,255,0);} p {background-color:#cccc66;} div {background-color:#cc9966;}
  16. 16. • body {background-image:url(../images/paper.gif);}
  17. 17. • background- image repeat-x repeat-y no-repeat body { background-image:url(../images/gradient.png); background-repeat:repeat-x; }
  18. 18. • background-image top left top center top right center left center center center right bottom left bottom center bottom right
  19. 19. body { background-image:url(../images/tree.png); background-repeat:no-repeat; background-position:top right; }body { background:url(../images/tree.png) no-repeat top right;}
  20. 20. • body {color:blue;} h1 {color:#00ff00;} p {color:rgb(255,0,0);} h1 {text-align:center} .date {text-align:right} .main {text-align:justify} p {text-indent: 50px;}
  21. 21. a {text-decoration:none;}h1 {text-decoration:overline;}h2 {text-decoration:line-through;}h3 {text-decoration:underline;}h4 {text-decoration:blink;}.hurufbesar {text-transform:uppercase;}.hurufkecil {text-transform:lowercase;}.hurufkapital {text-transform:capitalize;}
  22. 22. p {font-family:"Times New Roman“,Arial,Serif}.normal {font-style:normal;}.italic {font-style:italic;}body {font-size:100%;}h1 {font-size:20px;}p {font-size:0.8em;} /* 1em = 16px */h1 {font-weight:normal;}p {font-weight:bold;}
  23. 23. height:100px;width:200px; ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  24. 24. • <div> ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  25. 25. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  26. 26. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  27. 27. • margin:25px 50px 75px 100px;• margin:25px 50px 75px;• margin:25px 50px;• margin:25px; ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  28. 28. • margin:auto;• margin:10px 0px 5px -10px; ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  29. 29. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  30. 30. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  31. 31. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  32. 32. • padding:25px 50px 75px 100px;• padding:25px 50px 75px;• padding:25px 50px;• padding:25px; ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  33. 33. • padding:auto;• ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  34. 34. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  35. 35. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  36. 36. border-style border-width border-colorborder: ; border:solid 2px green; ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  37. 37. border:solid 2px green; border:dotted 2px green; border:dashed 2px green; border:double 7px green; border:groove 7px green; border:ridge 7px green; ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  38. 38. •••• • float:left; • float:right;• • clear:both;• ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  39. 39. ••• • <selector>:link{color:red;} • <selector>:visited{color:blue;} • <selector>:hover{color:green;} • <selector>:active{color:orange;}• a:hover { color:red; text-decoration:underline; } ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  40. 40. •• ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung

×