Inline, Embedded dan External CSS

58 sec read

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.

Contoh:

  • Anda membuat satu file dengan notepad atau teks editor lain, dan berinama, misalkan: style.css, lalu tuliskan kode-kode css di dalam file tersebut.

 p {font-family: arial; font-size: small;} h1 {color: red; } 

  • Langkah kedua adalah memanggil file style.css dari semua halaman web. Caranya dengan memasukkan kode di bawah ini, di antara tag dan

  

Cara Menggunakan Line di PC/Laptop

Salah satu aplikas messanger yang paling banyak digunakan saat ini di smartphone adalah LINE. selain keunggulannya yang dapat menelpon gratis, banyaknya sticker keren yang...
Yulia Marshela
35 sec read

Cara Menggunakan WeChat di PC/Laptop

Artikel ini ditujukan untuk salah satu visitor IT-Jurnal yang bertanya tentang bagaimana menggunakan WeChat di PC. sebenarnya kita dapat menggunakan semua aplikasi Android di...
Yulia Marshela
23 sec read

Cara Menambahkan Lagu ke IPOD dengan Itunes

Kita pasti sering mendengarkan musik melalui berbagai media, entah itu melalui radio, laptop, hadphone atau media player lain. Pada smartphone android, untuk menambahkan file...
Yulia Marshela
47 sec read