Kalo kamu masih newbie pasti bingung bila menemui dokumen CSS pada sebuah website, blog atau pun platform yang di gunakan untuk membuat website dan kamu telah berada pada artikel yang tepat, saya akan menjelaskan secara detail apa yang dimaksud dengan document CSS yang ada pada website.
CSS adalah singkatan dari "Cascading Style Sheet" CSS berfungsi untuk mengatur peletakan dokumen-dokumen yang akan di tampilkan pada HTML atau website, seperti lebar halaman, jenis font, warna background, hyperlink, dan lain sebagainya. Dengan menggunakan CSS halaman web menjadi lebih mudah dan script halaman menjadi lebih ringkas.
Dokumen CSS terbagi menjadi 2 yaitu CSS internal dan CSS eksternal :
- CSS Internal : Dokumen CSS yanng menjadi satu dengan Dokumen web / HTML
- CSS Eksternal : Dokumen CSS yang terpisan dari dokumen Web / HTML dan dalam penerapannya di perlukan link pemanggil Css pada dokumnen HTML
Contoh Internal CSS :
Buat dokumen menggunakan notepad kemudian masukan kode berikut :
<style type="text/css">
body{background:#000;}
#text{color:#FFF;font-size:20px}
</style>
<body>
<div id="text">Contoh Text dengan warna putih dan ukuran 20 px
</div>
</body>
Kemudian Save As beri nama dokumen menjadi tes.html
Keterangan : Teks warna Hijau adalah dokumen CSS dan Teks Warna Hijau adalah Kode HTML
Contoh Eksternal CSS :
Buat dokumen dengan notepad kemudian copy code berikut :
body{background:#000;}
#text{color:#FFF;font-size:20px}
Buat sebuah folder kemudian simpan dengan nama style.css
kemudian buka lagi notepad copy code berikut :
<link rel="stylesheet" href="style.css" type="text/css"
<body>
<div id="text">Contoh Text dengan warna putih dan ukuran 20 px
</div>
</body>
Nah disinilah bedanya pada Eksternal CSS kita harus menggunakan link pemanggil dokumen css tersebut seperti teks yang berwarna biru diatas
- <link> merupakan tag pembuka pemanggilan dokumen
- rel menjelaskan bahwa halaman akan diberi efek style sheet
- type menjelaskan bahwa file yang digunakan adalah file CSS
Nah itulah penjelasan singkat tentang css pada website kalau kurang jelas silahkan bertanya
Baca juga pengenalan tentang
HTML dan PHP
