Twitter

CSS

Author Unknown - -
Home » CSS

CSS (Cascading Style Sheet) merupakan salah satu bahasa pemrograman web yang digunakan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akanlebih terstruktur dan seragam. Penggunaan CSS ini tidak lepas dari kode-kode HTML.Ibarat kata kita adalah Arsitek yang akan membangun sebuah rumah, maka paling tidak kita harus mengetahui secarapasti mulai dariukuran tanahnya. Kemudian seberapaluas rumah yang ingin kita bangun, berapa buah dan berapa luas kamar, ruang tamu, beranda, serta ruang utamanya.
Untuk bisa  melihat perbedaannya maka andabi samencoba langsung dengan mengetikkan atau mengcopy kode dibawah ini di notepad.
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN”>
<html>
<head>
<title>Percobaan HTML saya yang pertama</title>
</head>
<body>
<!– Isi utama –>
<h1>Halaman pertama</h1>
<p>Selamat datang ke halaman pertama saya!
<p>Halaman ini tidak ada gambar.</br>
<p>Disini seharusnya ada lebih banyak lagi,</br>
tetapi saya belum tahu apa yang ingin saya tulis lagi.
</body>
</html>
Simpan hasilnya dengan format .html (* contoh: percobaan pertama.html) dan jangan lupa untuk mengubah extensi atau type file menjadi all files.
Setelah kita lihat hasilnya, pasti kita akan merasa banyak sekali kekurangan. Hal itu di karenakan memang karena disitu kita tidak melihat ada style samas ekali.
Nah, kira-kira disinilah fungsi dari CSS ini. Dalam pembuatan sebuah website atau blog, CSS dapat kita gunakan dalam mengendalikan ukuran gambar, warna teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse hover, spasi antar paragraf, spasi antarteks, margin kiri, kanan, atas, bawah, bahkan untuk membuat bayangan dari objek dan parameter lainnya. CSS bias juga diartikan sebagai bahasa style sheet yang digunakan untuk mengatur tampilan dokumen.Oleh karena itu pula, untuk mengerti CSS ini maka mau tidak mau, paling tidak kita harus sedikit tahu tentang HTML.
Sekarang kita akan berikan tambahan sedikit polesan dengan CSS.
Semisalnya kita ingin Website/Blog kita mempunyai  latar warna hitam dan tulisan putih. Maka kita cukup menambahkan kode sepertidi bawah ini dan meletakkannya atas kode</head>.
<style type=”text/css”>
body {
color: white;
background-color: black; }
</style>
Maka kita langungakan mendapatkan hasilseperti yang kita inginkan.