Pengertian
CSS adalah bahasa Cascading Style Sheet dan biasanya digunakan untuk mengatur tampilan elemen yang tertulis dalam bahasa markup, seperti HTML. CSS berfungsi untuk memisahkan konten dari tampilan visualnya di situs.
Penerapan CSS
1. Inline : Pada Tag
2. Internal : Pada Halaman HTML menggunakan tag <style>
3. External : file terpisah dan dihubungkan dengan tag <link>
Anatomy Inline CSS
<namatag style="property1: value1; property2: value2; ...">
<p style="color:white; background-color:black">Catatan</p>
Anatomy Internal CSS
<style>
selector {
property1: value1;
property2: value2;
}
</style>
Selector dapat berupa nama tag, attribut ID / CLASS dengan simbol :
nama_tag untuk mendefinisikan TAG
#value_id untuk mendefinisikan ID
.value_class untuk mendifinisikan CLASS
Contoh Penerapan dengan Nama TAG<p>Catatan</p>
<style>
p{
color:white;
background-color:black;
}
</style>
Contoh Penerapan Menggunakan ID
<p id="catat">Catatan</p>
<style>
#catat{
color:white;
background-color:black;
}
</style>
Contoh Penerapan Menggunakan CLASS
<p class="ok">Catatan</p>
<style>
.ok{
color:white;
background-color:black;
}
</style>
Anatomy External CSS
File tampilan.css yang isinya
.ok {
color: white;
background-color:black;
}
File index.html isinya
<html>
<head>
<link href="tampilan.css" rel="stylesheet">
</head>
<body>
<p class="ok">Catatan</p>
</body>
</html>