Skodev
Belajar coding dalam bahasa Indonesia
DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
CSS bisa ditulis di tiga tempat. Bersama file HTML, sebagai file terpisah CSS sendiri atau inline alias langsung pada elemen HTMLnya
CSS bisa ditulis di tiga tempat berbeda.
.css<style>CSS bisa diletakkan pada file terpisah dari HTML. Kita memberi nama filenya dengan ekstensi .css.
Cara menyambungkan file CSS dengan HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="namafile.css">
</head>
<body>
<h1>Koding Yuk!</h1>
</body>
</html>sumber lokasi file CSS diletakkan pada atribut href di tag link.
<link rel="stylesheet" href="namafile.css">Yang umumnya diletakkan di antara tag head pada HTML.
Sumber gambarnya bisa dari file lokal atau URL penuh.
Menulis CSS juga boleh di file HTML yang sama. Di mana kita meletakkannya di antara tag <style>.
See the Pen by Sekolah Koding (@sekolahkoding) on CodePen.
CSS juga bisa dimuat pada elemen HTML yang ingin dihias dengan atribut style. Disebut juga sebagai inline-tyle
See the Pen by Sekolah Koding (@sekolahkoding) on CodePen.
Contoh kode inline CSS
<p style="color:blue; text-align:center;">Koding Koding Koding</p>Tidak perlu bingung, yang mana pun valid. Ini hanya saran, agar file kamu lebih rapi lebih baik memisahkannya (cara pertama), agar kamu bisa membedakan saat bekerja dengan HTML atau CSS. Ini juga membuatnya lebih ringan dipandang mata.