Skip to content

Pesona Informatika

Belajar programming, tech tips, dan catatan teknik informatika

Menu
  • Home
  • Android
  • Programming
    • Belajar Python
    • Belajar c++
    • Kumpulan contoh program Java
    • Belajar CSS Pemula Dari Awal
    • Belajar JavaScript
    • Belajar ReactJS
  • Operating System
  • Tips&Trick
  • Other Notes
Menu

Belajar CSS (2. Syntax)

Posted on

Syntax pada CSS

Post kali ini akan membahas tentang syntax pada CSS.

Apa itu syntax? syntax adalah suatu aturan dalam menulis kode agar dapat dijalankan dengan benar. Untuk aturan penulisan pada CSS yaitu terdiri dari selector dan blok deklarasi. Dan blok deklarasi terdiri dari property dan value. Untuk lebih jelasnya, perhatikan contoh gambar di bawah ini.

syntax-css

pada contoh syntax CSS diatas, jelas bahwa aturan penulisanya diawali dengan selector kemudian blok deklarasi di buka dan ditutup oleh kurung kurawal ({}), property dan value dipisahkan oleh titik dua (:) dan diakhiri oleh tanda titik koma (;) .

untuk contoh penggunaan dalam html, perhatikan contoh berikut :

<!DOCTYPE html>
<html>
    <head>
      <meta charset="UTF-8">

<style>
        p {
          color: red;
          text-align: center;
        } 
</style>
    </head>
    <body>
      <p>Hello World!<p>
      <p>This paragraph is styled with CSS.</p>
    </body>
</html>

hasil

Sekian postingan tentang syntax CSS, semoga bermanfaat, sampai jumpa di postingan selanjutnya.

Written by @akhi_syabab

Akhi Syabab
Akhi Syabab

Programmer python yang punya banyak ambisi.
Remote developer at remoteworker.id Software Agency

Like our page, please… :D

Pesonainformatika

Sebuah site  untuk menyimpan dan dokumentasi apapun yang kami pelajari yang berhubungan dengan teknologi komputer khususnya pemrograman dan tentang perkuliahan.

©2023 Pesona Informatika | Design: Newspaperly WordPress Theme
Go to mobile version