{"id":10722,"date":"2022-07-02T10:43:03","date_gmt":"2022-07-02T03:43:03","guid":{"rendered":"https:\/\/www.jetorbit.com\/blog\/?p=10722"},"modified":"2022-06-30T15:06:20","modified_gmt":"2022-06-30T08:06:20","slug":"perbedaan-inline-css-external-css-dan-internal-css","status":"publish","type":"post","link":"https:\/\/www.jetorbit.com\/blog\/perbedaan-inline-css-external-css-dan-internal-css\/","title":{"rendered":"Perbedaan Inline CSS, External CSS, dan Internal CSS"},"content":{"rendered":"

Kalian sudah tahukah bahwa ada 3 cara untuk menambahkan style CSS ke website kalian: kalian bisa menggunakan internal CSS dan menambahkannya ke rule CSS di dalam bagian <head> pada dokumen HTML, atau menghubungkan file CSS eksternal yang mengandung semua rule CSS, atau yang terakhir adalah menggunakan inline CSS. Nah, ketahui lebih detailnya yuk di artikel Perbedaan Inline CSS, External CSS, dan Internal CSS<\/strong><\/p>\n

Opsi 1 \u2013 Internal CSS<\/strong><\/h2>\n

Kode CSS internal diletakkan di dalam bagian <head> pada halaman. Class dan ID bisa digunakan untuk merujuk pada kode CSS tapi hanya akan aktif pada halaman tersebut.<\/p>\n

Style CSS yang dipasang dengan metode ini akan di-download<\/em> setiap kali halaman dipanggil sehingga akan meningkatkan kecepatan akses. Namun, ada beberapa case yang mana penggunaan internal stylesheet justru berguna.<\/p>\n

Salah satu contohnya adalah untuk mengirimkan template halaman ke seseorang \u2013 karena semuanya bisa terlihat dalam 1 halaman maka akan lebih mudah untuk melihat previewnya. CSS internal diletakkan di dalam tag <style><\/style>. Contohnya:<\/p>\n

<head><\/p>\n

<style type=”text\/css”><\/p>\n

p {color:white; font-size: 10px;}<\/p>\n

.center {display: block; margin: 0 auto;}<\/p>\n

#button-go, #button-back {border: solid 1px black;}<\/p>\n

<\/style><\/p>\n

<\/head><\/p>\n

Manfaat internal CSS:<\/strong><\/h3>\n