Belajar CSS Grouping

By Adhi P. - Last updated: Wednesday, February 22, 2012 - Save & Share - Comments

banner438kursus Belajar CSS Grouping

Di sesi belajar css kali ini, kita akan belajar tentang CSS grouping. Didalam style sheet sering kita temukan elemen dengan style yang sama. Untuk menimimalkan kode groupinglah jawabannya. CSS grouping atau pengelompokan adalah salah satu teknik penulisan dalam css yang berfungsi untuk mengelompokan beberapa selector maupun tag html yang berstyle sama(property dan valuenya) dimana setiap selector dipisahkan dengan , (koma). Sehingga dengan teknik grouping ini kita dapat mempersingkat sekian detik penulisan css. Untuk lebih jelasnya berikut akan saya perlihatkan contoh kode yang sama style-nya :


h1

{

color:green;

}

h2

{

color:green;

}

p

{

color:green;

}

 

Nah, dari kode diatas dapat kita kelompokkan menjadi :


h1,h2,p

{

color:green;

}

Okey, kebalikan dari grouping adalah nesting. Kita akan mempelajarinya di tutorial berikutnya.CSS

Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek! KLIK DI SINI!.
Posted in Belajar CSS • Tags: Top Of Page