Syntax CSS | Kita Ngoding CSS #02

Syntax CSS.- Pada tulisan admin sekarang ini merupakan Tutorial CSS kedua versi blog Kita Ngoding, dimana pada halaman ini kita akan membahas tentang Apa Itu Syntax CSS?, bagaimana struktur syntax CSS dan contoh penggunaan CSS pada html.

Disini kita akan membahasnya secara lebih ringkas supaya lebih mudah dimengerti oleh pemula.

Sebagaimana kita telah pelajari bersama bahwa, CSS merupakan Cascading Style Sheets yang berguna dalam menyederhanakan proses pembuatan website dengan cara mengatur element-element HTML yang telah ditulis sebelumnya.

Adapun element-element yang diatur oleh CSS adalah warna, backgrounds, borders, margins, font dan lain sebagainya sehingga nantinya akan terlihat lebih menarik untuk dilihat.

Admin rasa semua website yang ada saat ini, pasti menggunakan kode CSS untuk mengatur tampilan dari setiap halaman pada website tersebut. Karena CSS memang diperuntukkan untuk melakukan hal-hal seperti itu.

Untuk itulah, kenapa saat ini kita harus mempelajari tentang Sintaks CSS. Supaya kita bisa memberikan style terhadap website yang kita buat sendiri ataupun secara kelompok. Jadi simak penjelasan singkat dari admin berikut ini.

Syntax CSS Lengkap

Bagaimana aturan sintaks penulisan CSS?

Sebelum masuk ke pertanyaan Bagaimana cara menulis syntax di CSS dengan benar, tentunya kita harus memahami terlebih dahulu struktur dari sintak css itu sendiri bukan?. Nah, dibawah ini admin telah mencoba memberikan gambaran terkait dengan Struktur Syntax CSS. Perhatikan gambar dibawah ini ;

Struktur Syntax CSS

Baca Juga : Pengenalan Struktur HTML

Penjelasan Struktur Syntax CSS

Untuk bagian selector tidak harus menggunakan h1, tapi bisa diganti dengan selector yang lain seperti paragram (p), body, dan masih banyak lagi yang lainnya.

Untuk bagian deklarasi dapat diisikan property dan nilai dari property yang dipisahkan dengan titik 2 (:). Jika kamu ingin membuat lebih dari satu declaration maka kamu dapat menggunakan titik koma(;) untuk memisahkan setiap deklarasi dengan yang lain.

Contoh Syntax CSS

Supaya lebih jelas tentang bagaimana cara menulis sintax CSS ini, perhatikan contoh yang telah admin siapkan dibawah ini :

        P  { 
            font-size:25px;  
            color:blue;  
            text-align: center;
            }

Contoh diatas adalah syntax css untuk mempercantik suatu paragram (p), dimana pada kasus diatas kita akan membuat ukuran huruf pada paragraf menjadi 25 pixel (font-size:25px;) dengan warna biru (color:blue;) serta menggunakan perataan rata tengah (text-align: center;).

Sebenarnya masih banyak lagi contoh penggunaan Sintaks CSS lainnya, namun kita akan membahasnya secara langsung bersama dengan fungsinya pada halaman yang lain. Sekarang kita hanya sekedar pengenalan tetang Sintaks CSS.

Seharusnya penjelasan diatas sudah cukup ringkas bukan? terkait Pengertian CSS Dan Penggunaan CSS. Untuk bahasan selanjutnya kita akan sama-sama belajar tentang Selector Pada CSS.

Adapun pembahasan CSS yang akan kita pelajari pada blog ini bisa kalian lihat pada link yang telah admin siapkan dibawah ini :

Artikel Lainnya :

Pengertian CSS dan Fungsinya | Kita Ngoding CSS #01 |

Syntax CSS | Kita Ngoding CSS #02 |

Selector Pada CSS | Kita Ngoding CSS #03 |

Cara Menggunakan CSS Di HTML | Kita Ngoding CSS #04 |

Membuat Komentar Di CSS | Kita Ngoding CSS #05 |

Code Warna Dalam CSS | Kita Ngoding CSS #06 |

Kode Background CSS | Kita Ngoding CSS #07 |

Cara Membuat Border Di CSS | Kita Ngoding CSS #08 |

Magin Dan Padding Pada CSS | Kita Ngoding CSS #09 |

CSS Height Dan Width | Kita Ngoding CSS #10 |