MACAM-MACAM SELECTOR PADA CSS,
1. Tag / Elemen HTML
1. Tag / Elemen HTML
Setiap tag yang terdapat pada HTML bisa dijadikan sebagai selector.
Contoh :
h1 { color : green }
2 2. Class
Penggunaan selector class akan diawali dengan tanda titik (.) di awal penulisannya, kemudian
pada tag HTML ditambahkan class = (nama class)
pada tag HTML ditambahkan class = (nama class)
Contoh :
.isiteks {Font-family : arial;Font size : 12px;Color : red;}
Apabila anda menambahkan di HTML maka penulisannya sbb :
<body><p class = “isiteks”> belajar css </p>
</body>3. ID
Digunakan untuk memodifikasi tag secara individual atau spesifikasi. Penggunaan selektor ID
diawali dengan tanda pagar (#)
diawali dengan tanda pagar (#)
Contoh :
#header{Font-size : 20px;}
Untuk kode diatas digunakan oleh tag yang mengandung indentitas khusus header,
Contoh :
<div id = “header”>
Selektor ID bisa anda gunakan untuk mendefinisikan header, content, dan footer dalam mendesain
web karena didefinisikan dengan ID yang berbeda.
web karena didefinisikan dengan ID yang berbeda.
4. Grouping
Pengelompokan beberapa tag HTML dengan property dan value yang sama. Jadi, kita bisa
mendefinisikan beberapa tag sekaligus. Metode ini akan membantu menghemat penulisan tag
HTML. Apabila anda ingin mendefinisikan beberapa tag sekaligus, maka anda harus memberi
tanda koma (,) sebagai pemisah antar tag.
mendefinisikan beberapa tag sekaligus. Metode ini akan membantu menghemat penulisan tag
HTML. Apabila anda ingin mendefinisikan beberapa tag sekaligus, maka anda harus memberi
tanda koma (,) sebagai pemisah antar tag.
Contoh :
H1, h2, h3,h4{Font-family : arial;}
Tidak ada komentar:
Posting Komentar
W A R N I N G !!!
=Pembaca yang Baik selalu Meninggalkan Komentar=
~ Berkomentarlah secara baik dan sopan maka admin akan merespon
~ JANGAN ANONIM
~ Komentar Sesuai dengan Topik Pembicaraan
~ Tidak Menyertakan Link Aktif
~ Dilarang Promosi dalam Bentuk Apapun !