Posts

Showing posts with the label CSS

BELAJAR CSS DASAR : SELEKTOR DAN PROPERTI CSS #02

Image
Pembelajaran CSS: Selektor dan Properti Oke, sekarang kita masuk ke bagian penting dalam CSS, yaitu selektor dan properti . Kalau kamu baru mulai belajar CSS, mungkin ada yang bertanya, "Apa sih selektor itu?" Nah, selektor adalah cara kita memilih elemen HTML mana yang ingin kita kasih gaya. Sedangkan, properti adalah hal-hal yang kita ubah, seperti warna, ukuran teks, atau jarak antar elemen. Jadi, selektor itu ibarat alamatnya, dan properti itu adalah apa yang mau kita ubah. Selektor Berdasarkan Elemen HTML Selektor yang paling dasar adalah selektor elemen . Artinya, kita memilih elemen HTML tertentu, misalnya semua <h1> , <p> , atau <div> yang ada di halaman web, lalu kita terapkan gaya yang kita inginkan ke semuanya. Contoh sederhananya begini: Salin Kode <!DO...

Belajar CSS Dasar : Mengenal CSS #01

Image
Apa Itu CSS? Hai, sudah siap belajar CSS? Nah, sebelum kita mulai ngoding, yuk kenalan dulu dengan CSS! Jadi, CSS (Cascading Style Sheets) adalah bahasa yang digunakan untuk mengatur tampilan dan gaya halaman web. Ibaratnya, HTML itu struktur tulang-tulangnya, dan CSS adalah baju yang bikin tampilan web kita jadi cantik dan menarik. Dengan CSS, kamu bisa mengubah warna, ukuran teks, tata letak, dan bahkan membuat animasi di halaman web. Seru, kan? Cara Menyertakan CSS: Inline, Internal, dan Eksternal Sekarang, kita masuk ke cara bagaimana CSS ini "menempel" ke halaman HTML. Ada tiga cara, yaitu inline, internal, dan eksternal. Yuk, kita bahas satu-satu biar paham. 1. Inline CSS Cara ini menulis kode CSS langsung di dalam elemen HTML. Biasanya dipakai kalau kita hanya ingin menambahkan gaya ke satu elemen saja. Cara ini praktis tapi tidak efisien kalau elemen yang ingin kita gaya lebih dari satu. Contoh code ditandai kotak hijau : ...