Kukuh Setiawan. Gambar tema oleh centauria. Diberdayakan oleh Blogger.

Rabu, 04 Juni 2014

Perbedaan ID dan CLASS pada CSS

    0

Belajar tentang CSS singkatan dari ( Cascading Style Stheet ) tentunya tidak lepas dari id dan class. Terus apa sih yang dimaksud id dan class itu ? pasti diantara kalian yang baru mulai mempelajari CSS menanyakan hal tersebut. 

di dalam CSS itu dinamakan selector. Namanya juga select, dalam bahasa Indonesianya disebut pilihan. Nah sekarang kalian pilih mau pilihan id atau class. Maksudnya gimana sih ? Mari saya jelaskan :

buatlah file coba.css dan isikan seperti ini.
/* CSS document */
#coba1{
color:BLUE;
size:20px;
}
.coba2{
color:RED;
size:30px;
}

Kemudian buat file index.html





Mencoba ID bro



Mencoba CLASS bro

Setelah itu debugging index.html di browser kesayangan kalian ( chrome recommended ). Maka akan tampil seperti ini
Nah setelah tampil seperti itu berarti debugging kalian berhasil. 

atau juga bisa menuliskan CSS dalam satu file html seperti di bawah ini : 





Mencoba ID bro



Mencoba CLASS bro

Tampilan yang dihasilkan, tapi saran saya mending dipisah untuk meminimalisir coding jika project kalian terlalu kompleks.

Jadi kesimpulannya : 
1. id berpasangan dengan tanda pagar, pada kasus di atas #coba1{}
2. class berpasangan dengan tanda titik, pada kasus di atas .coba2{}11

 Semoga membantu. Selamat belajar :) 

Tidak ada komentar:
Write komentar

statistics

Translate

Contact Us

Nama

Email *

Pesan *