Info Harga Komputer dan Gadget

Penngenalan CSS Pada Website

Advertisement
advertisement

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 :
  1. CSS Internal : Dokumen CSS yanng menjadi satu dengan Dokumen web / HTML
  2. 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
advertisement

2 comments:

belajar menjadi blogger said...

mana yang lebih efektif penggunaannya gan, yang eksternal atau yang internal ?
Terimakasih atas infonya gan

Edikomputer said...

sama saja sih gan, cuma kalo di pisah jadi lebih rapih

Post a Comment

Blog Ini Dofollow Ya bro tapi jangan nyepam komentar secara bijak dan sesuai dengan postingan