Pengertian dan contoh CSS dasar

Fundamental CSS (Cascading Style Sheets)

Hey, teman-teman! it's me Feyy. Di artikel kali ini, Fey akan membahas dasar-dasar CSS. Kebetulan ini juga tugas sekolah Fey nih, bagus banget buat kalian yang baru belajar tentang web. check it out!

1. pengertian CSS 

jika html adalah bahasa penanda yang digunakan untuk memberikan konten (teks) struktur dan makna semantik , maka CSS adalah bahasa yang disgunakan untuk memberikan konten gaya penampilan yang bagus pada html .

2. Ada 3 itilah pada CSS yaitu  selector , property dan value. 

❇️ Selector

Selector adalah untuk memberikan gaya tampilan pada tampilan , css menggunakan metode deklaratif untuk menspesifikasikan bagian html yang ingin diberikan gaya tampilan . pemilihan elemen html dilakukan dengan menspesifikasikan selector atau simpelnya, selector itu adalah sebagai inisial pemilihan bagian html mana yang mau di dekorasi.

contohnya , kode "P" dibawah adalah sebagai kode inisial yang digunakan unutuk memberikan gaya tampilan untuk seluruh elemen "P" yang ada pada dokumen html . 

p {               .........

  }

pada kode diatas yang dikatakan selector adalah kode "p" , sebuah selector adlah seluruh kode yang berada sebelum  "{  } "

❇️ Property

Property adalah isi dari selector, menentukan berbagai desain yang dapat diubah dari sebuah elemen yang dipilih oleh selector . 

p {        color :......;font-size:........;}

bagian propertynya dalah pada tag color dqan font size, terdapat sangat banyak property yang dapat digunakan 

❇️ value 

Value adalah nilai dari suatu property yang ingin kkta berikan tergantung jenis propertynya .

jika ingin memberikan nilai warna makan menggunakan " #RRGGBB", jika memberinilai ukuran maka menggunakan "nilai px" danlain lain . 

inilah contoh kodenya : 

p{color : #FFFF00;

font-size : 60px;}

nah , sudah fey jelaskan kan pengertian dan apa itu selector, property dan value nah kita dapat melihat bahwa sintaks css adalah seperti ini :     

p{

   color       : #ff0000;

font-size   : 50px

}

                   selector

                   property

                    value

nah sampai disini , dulu penjelasan tentang css dasarnyaa, next post  fey bakal jelasin tentang css lebih banyak, Thanks for stopping by 💕