Home » CSS » CSS Dasar: Belajar Tutorial & Contoh

CSS Dasar: Belajar Tutorial & Contoh

CSS adalah bahasa yang menggambarkan gaya / tampilan dokumen HTML.

CSS menjelaskan bagaimana dan dalam bentuk apa elemen HTML harus ditampilkan.

Baris kode css di awali dengan <style> dan di akhir tag </style>

Pembahasan ini akan memberikan anda pengetahuan dasar CSS hingga mahir menggunakan css.

Mengapa Menggunakan CSS?

CSS digunakan untuk menentukan gaya untuk halaman web , termasuk desain, tata letak dan variasi tampilan untuk berbagai perangkat dan ukuran layar.

CSS adalah salah satu cara paling efisien untuk mengatur tampilan dari banyaknya elemen html yang di panggil secara berulang ulang.

Penggunaan CSS

  • CSS dapat digunakan langsung pada di antara tag <head> dan sebelum </head>
  • CSS dapat ditempatkan pada file eksternal
<link rel='stylesheet' href='https://example.com/style.css'/>

Contoh CSS

<!DOCTYPE html>
<html>
<head>
 <!-- ini adalah baris kode css -->
<style>
body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}
</style>
  <!-- ini adalah akhir baris kode css -->
</head>
<body>
<h1>Contoh Penggunaan CSS Untuk Heading</h1>
<p>Paragraf yang telah di ubah stylenya.</p>
  
</body>
</html>

You may also like