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

Post on 23-May-2018

222 views 0 download

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

By : Ade putra, M.Kom.

Universitas Bina Darma2010

Pengenalan CSS

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 (;)

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>

Latihan :1.CSS12.CSS23.CSS34.CSS4

Latihan :1. CSS72. CSS8

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

Latihan :1. CSS52. CSS6

Latihan :1. CSS12