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.
Program Belajar CSS id dan Class anda sekarang sudah selesai, baca juga tutorial CSS lainnya.
0 komentar