Penngenalan CSS Pada Website

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

Anda baru saja membaca artikel yang berkategori HTML/CSS dengan judul Penngenalan CSS Pada Website . Anda bisa bookmark halaman ini dengan URL http://sisatruk.blogspot.com/2012/10/penngenalan-css-pada-website.html .

Iklan

Artikel Terkait HTML/CSS

Belum ada komentar untuk " Penngenalan CSS Pada Website "

Post a Comment