Jin Toples Programming

A. Selector

Membuat Class Selector di CSS - Dengan class selector dapat mendefinisikan perbedaan style untuk tag elemen html yang sama. Misalnya, dua type paragraph dalam dokumen.Yang satu paragraph align-right dan yang satu paragraph align-center contoh.

atau

Penggunaan atribut class di dalam dokumen html

Ketentuan :

- Jangan memberi nama clas dengan angka ( jangan alay )

- Memberikan kata/kalimat lebih dari satu class, cara penulisannya adalah:

B.Penggunaan atribut ID dalam tag

Cara memberi nama ID :

Dapat mengandung huruf, angka, atau karakter garis bawah
Karakter pertama harus berupa huruf atau karakter garis bawah
Diawali dengan tanda #
Jangan memberi nama id sama dengan value
Jangan memberi nama id dengan tag html kemudian diikuti tanda #

Sebagai contoh coba lihat sctipt di bawah :

<html>
<head>
<title>atribut id</title>
<style type = "text/css">
 <!--
  #tebal { font-weight : bold;
  color : blue; }
  #miring { font-style : italic;
  color: pink; }
 -->
</style>

</head>

<body>
<h1>
pantun</h1>
<h2 id = "miring">
 kalau ada jarum yang patah<br>
 jangan disimpan dalam peti
</h2>
<h3 id = "tebal">
 kalau ada kata yang salah<br>
 jangan disimpan dalam hati
</h3>
</body>
</html>

Anda dapat mencobanya dengan kreasi anda sendiri. selamat mencoba.

Baca juga : Cara Mengganti Warna Border Dengan CSS

Class Selector di CSS sekarang sudah selesai, baca juga tutorial CSS lainnya.