Sebelum mempelajari CSS, kamu wajib sudah
menguasai HTML. Jika belum mengerti HTML, kamu harus
mempelajarinya terlebih dahulu.
CSS Merupakan
singkatan dari Cascading Style Sheets. CSS ditujukan dan digunakan untuk mengubah
tampilan website agar lebih menarik dengan cara memberi atribut-atribut CSS
pada elemen HTML. Awal CSS diterapkan pada HTML versi 4 dan sampai sekarang CSS
merupakan hal utama yang penting pada Website khususnya Webdesign.
Letak Kode CSS
CSS sudah melekat erat pada HTML, ada tiga cara untuk menuliskan kode CSS:
- Inline
Styles
Inline styles
digunakan bila ingin mengatur format pada satu bagian dokumen HTML saja.
Sehingga inline styles tetap diletakkan di bagian <body> dan bukan di
bagian <head>.
Format penulisan
tag inline style adalah sebagai berikut :
|
<p
style="color: red; margin-left: 20px">
Ini
adalah sebuah paragraf dengan Inline Styles.
</p>
|
- Internal
Style Sheet
Internal style
sheet digunakan bila hanya ada satu dokumen HTML yang menggunakan style
tersebut.
Contoh format penulisan
tag interternal style sheet adalah sebagai berikut :
|
<html>
<head>
<style
type="text/css">
body
{background-color: red}
p
{margin-left: 20px}
</style>
</head>
<body>
<p> Ini paragraf dengan Internal Style Sheet </p>
</body>
</html>
|
Perlu diingat
bahwa internal style sheet ini juga diletakkan di antara tag <head> dan
</head>, bukan di antara tag <body> dan </body>.
- External
Style Sheet
External style
sheet digunakan bila style ingin diterapkan ke banyak dokumen HTML. Dengan
menggunakan cara ini, tampilan seluruh dokumen HTML dapat diganti dengan
mengubah satu file saja.
Contoh format penulisan
tag external style sheet adalah sebagai berikut :
|
<html>
<head>
<link
rel="stylesheet" type="text/css"
href="nama_css_ku.css">
</head>
<body>
<p>Ini Paragraf dengan External Style Sheet.</p>
</body>
</html>
|
Perlu diingat
bahwa pemanggilan external style sheet ini diletakkan di antara tag <head> dan
</head>, bukan di antara tag <body> dan </body> seperti
tag-tag lainnya.
External style
sheet berupa dokumen CSS yang ditulis pada file terpisah dengan ekstensi .css (cascading style sheet), dan kemudian menyertakannya pada dokumen HTML dengan tag <link rel="stylesheet" type"text/css" href="nama_css.css"> di dalam tag head.
Pada file CSS inilah semua format style dituliskan.
Halaman 1
Artikel Terkait:
Tidak ada komentar:
Posting Komentar
Silahkan isi komentar Anda pada kolom komentar di bawah ini atau dengan kolom komentar Facebook pada bagian atas ini.
Berkomentarlah dengan sehat! Dilarang membuat komentar dengan isi yang mengandung spam, sara, pornografi, politik, iklan, dan diluar norma yang berlaku. Thanks.