CSS atau Cascading Style Sheets adalah bahasa pemrograman yang digunakan untuk mengatur tampilan dari sebuah halaman web. Dalam hal ini, CSS bertugas untuk memperindah tampilan website dan membuatnya lebih menarik dan menarik perhatian pengunjung. CSS merupakan bahasa pemrograman yang sangat penting dalam pengembangan website dan sangat diperlukan untuk membuat tampilan website yang menarik dan profesional.


Sejarah CSS

CSS pertama kali diperkenalkan pada tahun 1996 oleh World Wide Web Consortium (W3C) dan merupakan bagian dari spesifikasi HTML. Tujuan utama dari CSS adalah untuk memisahkan presentasi dari struktur dokumen. Sebelum CSS, tampilan website hanya dapat diatur melalui HTML, yang mempersulit proses pengembangan website dan membuatnya kurang fleksibel.

Dengan adanya CSS, tampilan website dapat diatur dengan lebih mudah dan fleksibel, karena pemrogram hanya perlu mengubah kode CSS tanpa harus merubah kode HTML. Hal ini membuat pengembangan website menjadi lebih cepat dan efisien.

Sintaks CSS

CSS menggunakan sintaks yang relatif sederhana dan mudah dipahami. Sintaks CSS terdiri dari dua bagian utama, yaitu selektor dan deklarasi.

Selektor digunakan untuk memilih elemen HTML yang akan diatur tampilannya. Selektor dapat berupa tag HTML, class, ID, atau atribut. Misalnya, jika kita ingin mengatur tampilan semua teks pada halaman web, kita dapat menggunakan selektor "body" sebagai berikut:

css
body {
   font-family: Arial, sans-serif;
   font-size: 16px;
   color: #333;
}

Deklarasi terdiri dari properti dan nilainya. Properti digunakan untuk mengatur tampilan elemen HTML yang telah dipilih oleh selektor. Nilai properti dapat berupa angka, teks, atau nilai lain yang telah ditentukan. Misalnya, dalam kode CSS di atas, kita mengatur tampilan teks pada halaman web dengan menggunakan properti "font-family", "font-size", dan "color".

Menggunakan CSS pada Halaman Web

Untuk menggunakan CSS pada halaman web, kita dapat menyisipkan kode CSS di dalam tag <head> pada halaman HTML. Berikut ini adalah contoh kode HTML yang menggunakan CSS:

php
<!DOCTYPE html>
<html>
   <head>
      <title>Contoh Halaman Web</title>
      <style>
         body {
            font-family: Arial, sans-serif;
            font-size: 16px;
            color: #333;
         }
      </style>
   </head>
   <body>
      <h1>Selamat Datang di Website Saya</h1>
      <p>Ini adalah contoh halaman web yang menggunakan CSS untuk mengatur tampilannya.</p>
   </body>
</html>

Pada kode HTML di atas, kita menyisipkan kode CSS di dalam tag <head> dengan menggunakan tag <style>. Kita kemudian menggunakan selektor "body" untuk mengatur tampilan teks pada halaman web.

Kesimpulan

CSS adalah bahasa pemrograman yang sangat penting dalam pengembangan website. Dengan menggunakan CSS, kita dapat mengatur tampilan halaman web dengan lebih mudah dan fleksibel. Sintaks CSS relatif sederhana dan mudah dipahami,