CSS(Cascading Style Sheets) minangka komponen dhasar pangembangan web sing nduweni peran penting kanggo ngontrol tampilan visual unsur HTML ing situs web sampeyan. Iki nyedhiyakake set aturan lan sifat sing kuat sing nemtokake cara unsur ditampilake, format, lan dipanggonke, ngidini sampeyan ngatur tampilan lan rasa kaca web sampeyan.
Ayo dadi miwiti kanthi ngerti konsep pamilih
Pamilih digunakake kanggo target unsur HTML tartamtu kanggo gaya. Salah sawijining pamilih paling dhasar yaiku pamilih unsur, sing milih kabeh conto unsur HTML tartamtu.
Contone, aturan CSS ing ngisor iki ngarahake kabeh paragraf ing sawijining dokumen:
p {
color: blue;
}
Ing conto iki, p
pamilih milih kabeh <p>
unsur lan nyetel werna teks dadi biru.
Pamilih umum liyane yaiku pamilih kelas
Kelas digunakake kanggo nglumpukake unsur kanthi karakteristik sing padha. Kanthi nemtokake kelas kanggo unsur HTML, sampeyan bisa ngarahake lan nggawe gaya bebarengan.
Iki contone:
.blue-text {
color: blue;
}
Ing kasus iki, .blue-text
pamilih target kabeh unsur karo kelas blue-text
lan aplikasi werna biru kanggo teks.
Kajaba iku, ID
pamilih ngidini sampeyan ngarahake unsur tartamtu kanthi pengenal unik. ID
biasane ditugasake kanggo unsur individu ing sawijining kaca.
Iki contone:
#header {
background-color: gray;
}
Ing conto iki, #header
pamilih milih unsur karo ID header
lan aplikasi werna latar mburi werna abu-abu.
Ngalih menyang sintaks CSS, saben aturan CSS kasusun saka pamilih lan blok deklarasi
Blok deklarasi dilebokake ing kurung kriting {}
lan ngemot siji utawa luwih deklarasi. Pranyatan kalebu properti lan nilai sing cocog.
Iki contone:
h1 {
font-size: 24px;
color: #333;
}
Ing potongan kode iki, h1
pamilih milih kabeh <h1>
unsur lan nyetel ukuran font dadi 24 piksel lan werna teks dadi abu-abu peteng(#333).
Saindhenging seri iki, kita bakal njelajah lan nerangake macem-macem sifat CSS, pamilih, lan kombinasi, ngidini sampeyan nggawe situs web sing apik lan terstruktur kanthi visual. Ngerteni CSS lan sintaks dhasare bakal menehi dhasar kanggo ngontrol aspek gaya kaca web sampeyan, njamin pengalaman pangguna sing unik lan dipersonalisasi. Ayo nyilem lan temokake kemungkinan CSS tanpa wates!