Sebelumnya pasti anda sudah mengetahui fungsi dan kegunaan dari css yang sudah dibahas dalam artikel sebelumnya yaitu “Pengertian CSS (Cascading Style Sheet)“.

Ada 3 cara memasang kode CSS ke dalam HTML yaitu :

• Inline CSS
• Embed / memasang kode CSS ke dalam bagian
• Link ke external CSS

INLINE CSS

Kode CSS di tulis langsung ke dalam tag HTMLyang ingin di format. Penulisan cara ini tidak memerlukan penulisan selector dalam kode CSS. Cara ini sebaknya hanya di gunakan jika anda mau memformat suatu elemen satu kali saja.

Contoh:

H1 dengan CSS
 

Pada contoh si atas, elemen

di format agar tulisannya menggunakan warna merah, elemen lain, tidak akan menggunakan warna merah karena format ini hanya berlaku pada elemen paragraf yang di tentukan kode CSS nya. Penulisan CSS dengan cara ini mulai dengan kata “style = lalu di ikuti dengan syntax Property:value;”

EMBEDDED CSS

Kita bisa menempelkan kode CSS di antara tag & . penulisan CSS dengan cara ini awalnya diawali dengan tag .

Contoh :

EXTERNAL CSS

Kode CSS external di tulis dalam satu file terpisah yang disimpan dengan akhiran “.css” atau ekstensi “.css”. Anda lalu perlu memanggil file CSS tersebut ke dalam semua halaman web yang anda buat. Dengan cara ini, anda hanya perlu memiliki satu set kode CSS yang digunakan untuk semua halaman web anda. Jadi ada dua langkah dalam pengimplementasian CSS dengan cara ini.

Halo Sob! setelah kalian mempelajari Apa Itu CSS .dalam postingan sebelumnya. Artikel yang admin buat kali ini akan menjelaskan Perbedaan Antara Inline, External, dan Internal di CSS. Oke langsung saja kita ke pembahasannya Cekidot!

Cascading Style Sheets (CSS) adalah file dengan aturan gaya yang mengatur bagaimana situs web kalian disajikan di sebuah halaman website.  CSS juga memperkenalkan template berupa style untuk dibuat dan mengijinkan penulisan kode yang lebih mudah dari halaman-halaman web yang sudah dibuat. Untuk saat ini CSS sangat banyak digunakan karena berbagai kemudahan dan lengkapnya atribut-atribut yang dimilikinya. Aturan CSS dapat diterapkan ke file HTML situs web kalian dengan berbagai cara.  Ada 3 cara untuk memasukan kode style CSS ke website kalian yaitu:

• Internal style sheet
• External style sheet
• Inline style

Lalu apa perbedaan antara ketiga style ini? Berikut penjelasan secara lengkapnya.

DAFTAR ISI

1. Internal Style Sheet

Internal Style Sheet atau biasa dikenal sebagai Embeded CSS merupakan kode CSS yang  biasa digunakan di dalam tag pada file HTML. Kode CSS Internal style ini ditulis dengan tag suatu file HTML.