Ticker

6/recent/ticker-posts

Header Ads Widget

Penjelesan Tentang Selector pada CSS

Assalmualaikum Warahmatullahi Wabarakatu
Bismillahirrahmanirrahiim

untuk mempercantik halaman website tentunya kita tidak perna meninggalkan yang namanya css (cascading stylesheet) yang mana ia berperan sebagai media untuk membuat layout website kita menjadi lebih menarik, saya akan membahas beberapa element css beserta contohnya yang sobat bisa praktekan langsung. Oke langsung saja ...


Dalam CSS, terdapat cascade yang merupakan metode untuk mengatur style supaya tidak terjadi konflik. Untuk lebih jelasnya perhatikan contoh berikut ini.

Pada code di atas terdapat style untuk mengatur tampilan elemen paragraf (
) dan untuk emphasize atau (cetak miring seperti halnya italic). Perhatikan apa yang terjadi dengan tampilannya di browser seperti gambar dibawah ini



Dengan Anda mendeklarasikan style warna hijau untuk elemen , maka style tersebut akan berlaku untuk setiap elemen tersebut (termasuk pada bagian heading). Tentu saja hal ini membuat tampilan halaman web tidak bagus, karena style heading menjadi tidak konsisten (terdapat heading yang berwarna hijau). Lantas.. bagaimana cara mengatur style supaya warna hijau hanya berlaku untuk emphasize yang terletak di dalam paragraf saja? Untuk itu Anda harus mengubah deklarasi stylenya menjadi seperti berikut

Maksud dari code yang bercetak merah tersebut adalah bahwa style warna hijau diterapkan pada elemen emphasize yang berada di dalam elemen paragraf .



sampai disini dulu tutorial dari saya , Semoga tutorial ini bermanfaat bagi sobat, atas segala kekuranganya mohon dimaafkan dan di beri saran untuk file pdfnya bisa didownload disini.



Post a Comment

0 Comments

Rekomendasi Untuk Anda × +