Jin Toples Programming

Belajar CSS id dan Class - Mari kita mengenal id dan class di dalam CSS, id digunakan untuk menentukan style dari elemen yang unik. id selector menggunakan atribut id elemen ddan di definisikan dengan " # ". sebagai contoh coba lihat script di bawah ini aturan id akan diaplkasikan pada id elemen "belajar1".

Baca juga : Cara Penulisan CSS

Belajar 1

CSS juga mengijinkan kita untuk menyatukan elemen - elemen html secara bersamaan di dalam sebuah kelas dan menerapkannya aturan style-sheet kedalam sebuah class. selector class menggunakan atribut html dan didefiinisikan dengan " . " pada contoh di bawah, semua elemen HTML dengan class="center" akan menjadi center-aligned.

anda juga bisa menentukan hanya pada elemen html khusus yang di buat class. pada contoh di bawah, semua elem P dengan class="center" akan menjadi center-align.

sekarang kita praktikan penjelasan ke browser dengan script sebagai berikut :

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.center{ text-align : center; color:#00F}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<p class="center">
Ini Aadalah paragraf dengan class center</p>
<p>
ini adalah paragraf tanpa class center</p>
</body>
</html>

Simpan script di atas dengan ekstensi .html kemudian jalankan di browser.

jadi jika anda ingin merubah tampilan situs anda tinggal mengedit satu file saja. jangan ragu - ragu untuk terus belajar CSS karana akan memudahkan anda dalam mendesain ulang website anda.

Program Belajar CSS id dan Class anda sekarang sudah selesai, baca juga tutorial CSS lainnya.