CSS (Cascading Style Sheets) berfungsi sebagai pengformat tata letak juga tampilan bagi sebuah website.
CSS bisa digunakan dengan 3 cara,
- Inline CSS - Menggunakan atribut
<style>di dalam elemen HTML. - Internal CSS - Menggunakan elemen
<style>di bagian<head>. - Eksternal CSS - Menggunakan elemen
<link>untuk menautkan file HTML dengan file CSS.
Inline CSS
<h1 style="color:blue;">Heading Berwarna Biru.</h1>
<p style="color:red;">Paragraf Berwarna Merah.</p>Internal CSS
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: black;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<body>
<h1>Ini adalah Heading.</h1>
<p>Ini adalah Paragraf.</p>
</body>
</html>Eksternal CSS
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Ini adalah Heading.</h1>
<p>Ini adalah Paragraf.</p>
</body>
</html>Dalam file CSS:
body {
background-color: black;
}
h1 {
color: blue;
}
p {
color: red;
}