Skip to main content

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 💕

Comments

Post a Comment

Popular posts from this blog

5 Anime Paling Nangis & Menyentuh ala Feynation (Spoiler Alert!)

Eits, perhatiin ini! Buat kalian yang demen nonton anime dengan cerita yang bikin terharu, Feynation udah siapin daftar 7 anime yang penuh emosional banget, bisa bikin hati meleleh deh. Ini dia, 7 anime paling sedih versi Feynation: 1. clannad Di dalam anime ini di ceritakan lah Okazaki Tomoya yang sudah berpacaran denga Furukawa Nagisa melanjutkan hubungannya.pada waktu itu Tomoya dkk sedang berada pada semester 2 dan sebentar lagi mereka akan lulus.namun
50 comments
Read more

Pengertian, kelebihan dan kekurangan close source dan open source

Pengertian Close Source Close source adalah software yang source codenya tidak dibuka untuk umum. Sang pemilik code yang close source bisa membagi source codenya melalui lisensi, entah dengan gratis maupun membayar. Meskipun gratis, lisensi tertentu bisa membuat sebuah software tidak sepenuhnya open source. Misalnya jika di lisensi tersebut ada larangan untuk memodifikasi code, maka software ini tidak open source. Keungulannya close source kita bisa mengetahui kode-kode pembuatan program itu. Kalau udah tau kode/struktur program tersebut, maka kita bisa mengedit program itu sesuai keinginan kita. Bisa jadi, program yang berbayar menjadi gratis karena kita edit. Itu kalau si pemilik program mau memberikan kode-kode tersebut secara gratis. Keuntungan dan Kekurangan Close Source : 1. Kelebihan Close Source  Linux gratis. Gratis disini berarti tidak harus membeli lisensi. Linux stabil. Linux open source. source code yang disertakannya. Linux aman (secure). Linux mengimplementasika...
Post a Comment
Read more

Apa Itu Pita Magnetik

Pita Magnetic Pita magnetik adalah salah satu alat penyimpanan eksternal yang menggunakan pita magnetik yang terbuat dari plastik. karakteristik pita magnetic : 1. Pita magnetik mempunyai kecepatan putar sebesar 18,75-200 inchi per detik. 2. Data yang disimpan dalam magnetik tape umumnya data yang tidak memerlukan perubahan atau untuk backup data. 3. Kecepatan baca atau mencatat data pada pita tape tergantung model dan instruksinya, namun dapat diperkirakan antara 15000 sampai 60000 bytes per detiknya. 4. Pita tape terbuat dari bahan campuran plastik dan ferric oxide. fingsi pita magnetic : - untuk media penyimpanan - untuk alat input/output - untuk merekam audio, video peroses penyimpanannya : - Pada proses penyimpanan atau pembacaan data kepala pita (tape head) harus menyentuh media, sehingga dapat mempercepat kinerja pita. - Data pada pita magnetik direkam secara berurutan dengan menggunakan driver khusus untuk masing-masing jenis pita magnetik. Karena perekaman dilakuk...
Post a Comment
Read more