Menampatkan Kode CSS, Untuk menambahkan kode css kita dapat menggunakan beberapa cara yaitu: Inline CSS, Embed atau memasang kode css ke dalam halaman HTML, link ke external CSS, Import CSS file.
Inline CSS
Kode CSS dituliskan langsung ke dalam tag HTML yang akan di format. Penulisan cara ini tidak
memerlukan penulisan selector dalam kode CSS. Cara ini sebaiknya hanya digunakan jika anda ingin memformat suatu elemen satu kali saja.
Contoh:
<p style=”color:green”> Isi paragraf. </p>
Pada contoh diatas hanya akan memberikan warna hijau pada paragraph tersebut, jangan lupa untuk menambahkan kata style kemudian diikuti dengan property : value.
Embed CSS
Anda bisa juga meletakkan kode CSS di antara tag <head> dan </head> atau bisa juga diletakkan di antara tag body <body>dan</body>. Penulisan CSS dengan cara ini diawali dengan tag <style> dan diakhiri dengan tag </style>.
Contoh :
<head><style type=”text/css” media=screen>p {color:green;}</style></head>
Dalam contoh tersebut text yang ada di dalam selector p akan di set property dengan warna text hijau.
External CSS
Dengan menggunakan teknik ini kita dapat memanggil style CSS pada file CSS yang kita inginkan dengan menggunakan perintah “Link rel” yang berfungsi untuk menghubungkan kedalam sebuah style CSS eksternal dengan nama yang telah kita tentukan.
Contoh :
<link rel=”stylesheet” type=”text/css” href=”style.css”>
Import CSS File
Dengan teknik ini sebuah Style tidak disimpan pada suatu halaman, namun untuk menghubungkannya dengan halaman web yang kita buat digunakan perintah import yang terdapat pada style CSS.
Contoh :
<style><!–@import url(style1.css);@import url(style2.css);@import url(style3.css);–></style>
Perbedaan dalam teknik terakhir adalah perintah import tersebut akan mengambil style CSS dengan cara import style dari alamat url yang kita tentukan. Cara ini lebih efisien dikarenakan dokumen yang kita beri perintah import tersebut hanya akan mengimport file css yang pada akhirnya, style CSS tersebut hanya perlu di download sekali saja dalam dokumen style sheet eksternal yang terpisah dengan dokumen HTML asli. Dan file akan disembunyikan dalam computer user sehingga membuat loading web menjadi lebih cepat
SOCIALIZE IT →