Pengenalan Dasar CSS

CSS adalah bahasa yang digunakan untuk mendesain halaman Web.

Apa itu CSS?

• CSS adalah singkatan dari Cascading Style Sheets
• CSS menjelaskan bagaimana elemen HTML akan ditampilkan di layar, kertas, atau di media lain
• CSS menghemat banyak pekerjaan yang dapat mengontrol tata letak beberapa halaman web sekaligus
• Stylesheet eksternal disimpan dalam file CSS

Contoh Penggunaan CSS

Dibawah ini adalah contoh satu halaman web menggunakan CSS

Mengapa Menggunakan CSS?

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

Contoh

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: roboto;
  font-size: 20px;
}

CSS Memecahkan Masalah Besar

HTML tidak dimaksudkan untuk memuat tag untuk memformat halaman web.

HTML dibuat untuk mendeskripsikan konten halaman web, seperti:

<h1>Ini adalah sebuah heading</h1>
<p>Ini adalah sebuah paragraf.</p>

Saat tag seperti <font>, dan atribut warna ditambahkan ke spesifikasi HTML 3.2, itu menjadi awal mimpi buruk bagi pengembang web. Pengembangan situs web besar, di mana font dan informasi warna ditambahkan ke setiap halaman, menjadi proses yang panjang.

Untuk mengatasi masalah ini, World Wide Web Consortium (W3C) membuat CSS.

CSS menghapus format style dari halaman HTML.

CSS Menghemat Banyak Pekerjaan

Definisi style biasanya disimpan dalam file .css eksternal.

Dengan file stylesheet eksternal, Anda dapat mengubah tampilan seluruh situs web hanya dengan mengubah satu file.

Sumber referensi: w3schools.com