Cara Menulis Rules pada Berkas CSS

Dhe997
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. }


Posting Komentar

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.