Cascanding style sheets (css) adalah aturan untuk mengatur beberapa komponen dalam sebuah web sehingga lebih terstruktur.
CSS dapat mengendalikan ukuran gambar, warna teks,warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.
CSS memiliki fungsi untuk membuat halaman web menjadi lebih rapi, terstruktur dan menarik.
Let's try CSS. :
- cara memasukkan css
Ada 3 cara untuk memasukkan style css dalam halaman web.
1.External style sheet : file css terpisah dengan file induk, ditulis di text editor lain tidak boleh mengandung sintax html dan dipanggil menggunakan <link rel="stylesheet" type="text/css" href="[nama_file].css"> dituliskan dibagian head.
2.Internal style sheet : file css dituliskan jadi satu dengan fie html diapit oleh <style></style> didalam tag <head></head>
3.Inline style : file css dituliskan pada componen yang ingin diberi css pada satu elemen
contoh :
<h1 style="color:blue;margin-left:30px;">This is a heading.</h1>
Berikut contoh script sederhana css
<!DOCTYPE html>
<html>
<head>
<style>
#para1 {
text-align: center;
color: red;
}
</style>
</head>
<body>
<p id="para1">Hello World!</p>
<p>This paragraph is not affected by the style.</p>
</body>
</html>
catatan: teks warna merah adalah class yang dipakai untuk mendefinisikan css.
Note : jika ingin lebih tahu tentang css silahkan buka situs w3schools.com
sekilas tentang CSS