Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat...

32
By : Ade putra, M.Kom. Universitas Bina Darma 2010 Pengenalan CSS

Transcript of Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat...

Page 1: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,

By : Ade putra, M.Kom.

Universitas Bina Darma2010

Pengenalan CSS

Page 2: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 3: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 4: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,

Selektor digunakan untuk menentukan pada elemen apa style tersebut akanditerapkan(Selektor dapat berupa nama id elemen atau nama clas.Bagian declarasi menerangkan style yang akan dibuat, bagian ini terdiri dariproperti dan value (properti dapat diisi dengan jenis warna, ukuran dan marginsedangkan untuk value adalah nilai dari propertinya) setiap akhir dari penulisanproperti dan value harus diakhiri dengan semicolon (;)

Page 5: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 6: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 7: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 8: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 9: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 10: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 11: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,

Penggunaan Class dan Id Selector secara bersamaan<html><head><title> Class dan Id Selector</title></head><style type=“text/css”>P { color:#FFFFFF;

font-family: arial;background: #FF0000;font-weight: bold;}

p.group { color: #FF0000;font-family: arial;background:#FFFFFF;

p#one { color: blue;font-family:”times newromans”;}

</style>

<body><p> ini adalah paragrap standar</p><p class=“group”> ini adalah paragrafdengan class group</p><p class=“group” id=“one”> iniadalah paragraf dengan class groupdan id one</p></body></html>

Page 12: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 13: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 14: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,

Latihan :1.CSS12.CSS23.CSS34.CSS4

Page 15: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 16: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 17: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,

Latihan :1. CSS72. CSS8

Page 18: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 19: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 20: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,

Latihan :1. CSS13 : Background2. CSS14: background3. CSS15: background4.CSS16: Background

Page 21: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 22: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 23: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 24: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,

Latihan :1. CSS52. CSS6

Page 25: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 26: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 27: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 28: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 29: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 30: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 31: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,
Page 32: Pengenalan CSSeprints.binadarma.ac.id/814/1/PRAKTIKUM INTERNET DAN WEB...llama property bgrsifat case sensitif dan mgnggunakan huruf kecil. Jika nilai /vatue Igbih dari satu kata,

Latihan :1. CSS12