Cara Menulis Rules pada Berkas CSS

Untuk latihan awal, kita bisa coba menuliskan sebuah rule styling pada beberapa elemen HTML yang ada pada latihan sebelumnya.

Yang pertama, tetapkan tipe font ‘sans-serif’ sebagai font yang digunakan pada seluruh elemen yang ada di dalam <body>. Silakan buka berkas style.css yang sudah kita buat pada text editor dan tuliskan kode berikut:

  1. body {

  2.    font-family: sans-serif;

  3. }


Yang kedua, kita tetapkan juga warna pada setiap elemen <h2> dan <h3> yang digunakan pada berkas HTML dengan menuliskan kode sebagai berikut:

  1. h2 {

  2.    color: #00a2c6

  3. }

  4.  

  5. h3 {

  6.    color: #00a2c6

  7. }


Dan yang terakhir, kita coba ubah warna background dan warna teks pada elemen <footer>, serta beri sebuah padding.

  1. footer {

  2.    padding: 20px;

  3.    color: white;

  4.    background-color: #00a2c6

  5. }


Sehingga keseluruhan kode pada berkas style.css akan nampak seperti ini:

  1. body {

  2.    font-family: sans-serif;

  3. }

  4.  

  5. h2 {

  6.    color: #00a2c6

  7. }

  8.  

  9. h3 {

  10.    color: #00a2c6

  11. }

  12.  

  13. footer {

  14.    padding: 20px;

  15.    color: white;

  16.    background-color: #00a2c6

  17. }


Komentar