Photo by Pankaj Patel on Unsplash
Photo by Pankaj Patel on Unsplash

Pengertian dan Fungsi Beserta Contoh Penerapan

1. Pengertian dan Fungsi CSS

CSS adalah singkatan dari Cascading Style Sheet, CSS digunakan untuk mengubah tampilan (style) dari halaman web.

Seperti yang kita ketahui, halaman web modern terdiri dari 3 komponen dasar: HTML untuk membuat struktur, CSS untuk tampilan, dan JavaScript untuk interaksi.

CSS berfungsi untuk mengatur tampilan (style) dari sebuah dokumen. Khusus dalam tutorial ini dokumen yang dimaksud adalah HTML.

Dengan menggunakan CSS kita bisa mengatur (hampir) seluruh tampilan dari HTML, seperti warna teks, gambar backround, besar font, posisi judul, tampilan layout, dll. Ditambah lagi CSS membawa banyak fitur lanjutan seperti color gradient, transitions, dan animations.

2. Contoh Penerapan CSS

Tak kenal maka tak paham, mari kita perhatikan cara penerapan CSS pada sebuah file HTML pada kode program dibawah ini :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Contoh Penerapan CSS</title>
</head>
<body>
<h1>Sedang Belajar CSS</h1>
<p>Mohon jangan diganggu, lagi serius implementasi CSS.</p>
<h2>Belajar Web Design Bersama Niomic</h2>
<p>CSS adalah dunianya web design.
Jika anda ingin mempelajari cara mendesain web,
CSS mutlak harus dikuasai.</p>
</body>

<style>
body{
background-color:#F7F7F7;
}
h1,h2{
color:green;
}
p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
}
</style>
</html>

 

Hosting Unlimited Indonesia