Halo teman-teman, pada postingan ini kita akan membahas tentang CSS (Cascading Style Sheet). CSS (Cascading Style Sheet) adalah sekumpulan teks yang berisi perintah untuk mengatur tampilan website yang sudah dibuat dengan mark-up language seperti HTML menjadi lebih menarik. Keterkaitan antara CSS dan HTML sangat erat. Bila diibaratkan dengan manusia HTML adalah tulang yang membentuk rangka dan CSS adalah tampilan luar atau pakaian yang dikenakan sehingga terlihat menarik. Terdapat tiga cara penulisan CSS yang bisa kita terapkan dalam membangun website. Berikut ini adalah ketiga cara tersebut:
- Internal CSS
Internal CSS adalah teknik penulisan kode CSS yang diletakkan satu file dengan HTML menggunakan tag <style>
Contoh:
<style type="text/css">
body {
backgorund-color: blue;
color: white;
}
</style>- Inline CSS
Inline CSS adalah teknik penulisan kode CSS yang diletakkan pada tag HTML dengan menggunakan atribut style.
Contoh inline css pada tag body:
<body style="background-color: green; color: white;">- External CSS
External CSS adalah teknik penulisan yang memisahkan kode CSS dan HTML ke dalam file yang berbeda. File yang berisi kode CSS memiliki akhiran .css. File tersebut dipanggil ke dalam file HTML menggunakan tag <link>. Tag <link> ditempatkan di antara tag <head>.
Contoh memanggil file CSS:
<link rel="stylesheet" href="styles.css">Untuk menambah pemahaman tentang CSS kalian bisa lihat video berikut ini
Demikian artikel hari ini semoga bermanfaat. Bila ada pertanyaan atau kritik dan saran yang membangun silahkan tulis di kolom komentar.
0 Komentar