Pengertian, cara penggunaan, dan Contoh Coding CSS

pada tanggal


CSS (Cascading Style Sheets) adalah bahasa yang digunakan untuk mengatur tampilan visual dari sebuah halaman web. Dengan menggunakan CSS, kita dapat mengatur element seperti warna, ukuran, posisi, dan banyak lagi. Ini memungkinkan kita untuk mengatur tampilan halaman web tanpa harus mengubah kode HTML yang mendasar.

Cara penggunaan CSS adalah dengan menambahkan kode CSS ke dalam file yang berbeda dari file HTML. File ini kemudian di-link-kan ke halaman web yang akan diterapkan gaya tersebut. Ada beberapa cara untuk menambahkan CSS ke halaman web, yang paling umum adalah dengan menambahkan tag <link> ke dalam head HTML. Contoh penggunaan ini adalah sebagai berikut:

html
<head>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>

Selain itu, CSS juga dapat ditambahkan secara inline dengan menambahkan atribut "style" pada tag HTML yang akan diterapkan gaya. Contoh penggunaan ini adalah sebagai berikut:

html
<p style="color: blue;">Ini adalah paragraf yang berwarna biru</p>

CSS juga dapat ditulis dalam file yang sama dengan halaman HTML, dengan menambahkan kode CSS ke dalam tag <style> di dalam head HTML. Contoh penggunaan ini adalah sebagai berikut:

html
<head>
  <style>
    p {
      color: blue;
    }
  </style>
</head>
<body>
  <p>Ini adalah paragraf yang berwarna biru</p>
</body>

Dalam CSS, kita dapat mengatur gaya element dengan menentukan selector dan properti. Selector dapat berupa nama tag HTML, class, atau id. Contoh penggunaan ini adalah sebagai berikut:

css
p {
  color: blue;
}

.class-name {
  color: red;
}

#id-name {
  color: green;
}

Komentar

Posting Komentar