Aturan dan Cara Penulisan Kode CSS

0
Aturan dan Cara Penulisan Kode CSS


Aturan dan cara penulisan CSS (Cascading Style Sheets) adalah kumpulan sintaks dan konvensi yang digunakan untuk menggambarkan tampilan atau gaya suatu halaman web. Berikut adalah beberapa aturan dan cara penulisan CSS yang umum digunakan:


1. Selector: Selector adalah elemen HTML atau kelas yang akan diberikan gaya. Selector ditulis diikuti oleh tanda kurung kurawal {} yang berisi deklarasi gaya.

Contoh:


p {
    color: blue;
    font-size: 16px;
}


2. Properti: Properti adalah atribut gaya yang diberikan kepada suatu selector. Properti ditulis setelah selector diikuti oleh titik dua : dan diakhiri dengan titik koma ;. Properti dapat mengatur warna, ukuran font, margin, padding, dan lain sebagainya.

Contoh:


p {
    color: blue;
    font-size: 16px;
}


3. Nilai: Nilai adalah nilai yang diberikan kepada properti. Nilai dapat berupa angka, warna, atau kata kunci tertentu, tergantung pada propertinya.

Contoh:


p {
    color: blue; /* blue adalah nilai untuk properti color */
    font-size: 16px; /* 16px adalah nilai untuk properti font-size */
}  


4. Komentar: Komentar digunakan untuk memberikan catatan atau penjelasan pada kode CSS. Komentar ditulis dengan diawali /* dan diakhiri */.

Contoh:


/* Ini adalah komentar */
p {
    color: blue;
    font-size: 16px;
}


5. Menghubungkan CSS ke HTML: CSS dapat dihubungkan ke HTML menggunakan tag <link> atau ditulis langsung di dalam tag <style> di dalam tag <head> pada halaman HTML.

Contoh penggunaan tag <link>:


<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="style.css"> <!-- Menghubungkan CSS eksternal -->
</head>
<body>
    <p>Hello, world!</p>
</body>
</html>


Contoh penggunaan tag <style>:


<!DOCTYPE html>
<html>
<head>
    <style>
    /* CSS ditulis langsung di dalam tag <style> */
    p {
        color: blue;
        font-size: 16px;
    }
    </style>
</head>
<body>
    <p>Hello, world!</p>
</body>
</html>


Itulah beberapa aturan dan cara penulisan CSS yang umum digunakan. CSS memiliki sintaks yang lebih kompleks dan banyak properti yang dapat digunakan, namun pemahaman dasar atas aturan dan cara penulisan tersebut akan membantu Anda dalam menggambarkan tampilan atau gaya suatu halaman web.

 

Tags

Posting Komentar

0Komentar
Posting Komentar (0)