Sebelumya kita telah mengenal apa itu CSS dan kemudahan yang dibuatnya untuk memperindah website. Sekarang kita akan belajar cara penulisan CSS pada sebuah HTML. Penulisan CSS pada HTML ada 3 cara yaitu
Internal sytle sheet, External sytle sheet, dan Inline sytle sheet .
Internal sytle sheet, External sytle sheet, dan Inline sytle sheet .
1. Internal Sytle Sheet
Internal sytle sheet yaitu menulisakan CSS dengan cara menuliskannya langsung ke dalam file HTML yang di tuju. Internal style sheet digunakan pada dokumen tunggal yang unika kita dapat mendefinisikannya pada ; dalam halaman HTML menggunakan <style> seperti contoh berikut.
2. Eksternal Style Sheet
External Style Sheet yaitu dengan cara memanggil sebuah file CSS yang telah di buat sebelumnya dari lokasi file tersebut, dengan kata lain Script CSS akan terpisah dari HTML. Sebuah file CSS yang di panggil harus berekstensi .CSS file CSS tersebut idealnya tidak perlu berisi tag HTML. External Style Sheet ideal untuk digunakan pada banyak halaman. Setiap halaman harus terhubung ke CSS dengan menggunakan tag <link> dan diletakan dalam bagian <head> pada HTML. Sebagai contoh lihat script di bawah.
3. Inline Style Sheet
Sedangkan Inline style adalah denga cara menuliskan CSS pada tag HTML. Kita dapat menggunakan atribut style yang dalam tag yang relevan. Atribut style dapat berisi property CSS. Sebagai contoh lihat script di bawah.
Mudah bukan kita dapat mendeklarasikannya denga berbagai cara sesuka hati kita. Ayo sekarang di coba satu persatu teknik diatas!. Anda dapat memodifikasinya sesuai dengan kreatifitas anda masing - masing.
0 komentar
Posting Komentar