Perintah ID dan CLASS Selector
ID dan CLASS Selector
Dalam penambahan untuk membuat sebuah style pada sebuah elemen HTML, CSS memperbolehkan kita untuk membuat Selector lebih spesifik yang dinamakan dengan ID dan CLASS
ID Selector
ID Selector digunakan untuk menetapkan sebuah style tunggal yang unik. ID Selector menggunakan atribut ID dari elemen HTML, dan ditandai dengan tanda "#".
Style di bawah ini ditujukan pada elemen HTML dengan ID "para1" :
CLASS Selector
CLASS Selector digunakan untuk menetapkan sebuah grup style elemen. Tidak seperti ID Selector, CLASS Selector paling sering digunakan untuk beberapa elemen.
CLASS Selector memperbolehkan kita untuk menetapkan style tertentu untuk beberapa elemen HTML dengan class yang sama. CLASS Selector menggunakan atribut HTML yang ditandai dengan tanda titik ".".
Pada contoh di bawah ini, semua elemen HTML dengan class="center" akan dibuat rata tengah.
Pada contoh di bawah ini, semua elemen p dengan class="center" akan dibuat rata tengah.
Dalam penambahan untuk membuat sebuah style pada sebuah elemen HTML, CSS memperbolehkan kita untuk membuat Selector lebih spesifik yang dinamakan dengan ID dan CLASS
ID Selector
ID Selector digunakan untuk menetapkan sebuah style tunggal yang unik. ID Selector menggunakan atribut ID dari elemen HTML, dan ditandai dengan tanda "#".
Style di bawah ini ditujukan pada elemen HTML dengan ID "para1" :
#para1
{
text-align:center;
color:red
}
Jangan menggunakan angka didepan sebuah ID karena akan menimbulkan masalah dengan browser firefox.CLASS Selector
CLASS Selector digunakan untuk menetapkan sebuah grup style elemen. Tidak seperti ID Selector, CLASS Selector paling sering digunakan untuk beberapa elemen.
CLASS Selector memperbolehkan kita untuk menetapkan style tertentu untuk beberapa elemen HTML dengan class yang sama. CLASS Selector menggunakan atribut HTML yang ditandai dengan tanda titik ".".
Pada contoh di bawah ini, semua elemen HTML dengan class="center" akan dibuat rata tengah.
.center {text-align:center}
Kita juga dapat menetapkan, hanya elemen HTML yang tertentu saja yang terkena efek suatu CLASS.Pada contoh di bawah ini, semua elemen p dengan class="center" akan dibuat rata tengah.
p.center {text-align:center}
4:27 AM
|
Labels:
Belajar CSS,
CSS
|
This entry was posted on 4:27 AM
and is filed under
Belajar CSS
,
CSS
.
You can follow any responses to this entry through
the RSS 2.0 feed.
You can leave a response,
or trackback from your own site.
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment