Definisi CSS Property

Gaya visual lan tata letak situs web didiktiki dening CSS utawa Cascading Style Sheets. Iki minangka dokumen sing mbentuk markup HTML kaca web, nyediakake panjlajah web kanthi pandhuan cara kanggo nampilake kaca sing kasil saka markup kasebut. CSS ngatur tata letak kaca, uga werna, gambar latar mburi, tipografi lan luwih akeh.

Yen sampeyan ndeleng berkas CSS, sampeyan bakal weruh manawa kaya tandha markup utawa kodhe, file kasebut duwe sintaks spesifik. Saben sheet gaya digawe saka aturan CSS. Iki aturan, nalika dijupuk kanthi lengkap, gaya apa situs kasebut.

Bagian-bagian saka Aturan CSS

A aturan CSS digawe saka rong bagean sing béda - pemilih lan deklarasi. Pemilih nemtokake apa sing digandhengake ing kaca lan deklarasi minangka cara kudu digunakna. Tuladhane:

p {
werna: # 000;
}

Iki minangka aturan CSS. Bagian pemilih iku "p", sing minangka pemilih unsur kanggo "paragraf". Mulane, pilih ALL paragraf ing situs lan nyedhiyani kanthi gaya iki (kajaba ana paragraf sing ditargetkan nganggo gaya sing luwih spesifik ing panggenan liya ing berkas CSS).

Bagéan saka aturan sing nyebutake "werna: # 000;" yaiku apa sing dikenal minangka deklarasi. Pranyatan kasebut kalebu loro potongan - properti lan nilai.

Properti kasebut minangka "werna" saka deklarasi kasebut. Iku dictates aspek kang selector bakal diganti visual.

Nilai kasebut minangka properti CSS sing dipilih bakal diganti. Ing conto kita, kita nggunakake nilai hex # 000, sing cendhak CSS kanggo "ireng".

Dadi nggunakake aturan CSS iki, kaca kita bakal duwe paragraf sing ditampilake kanthi werna-werna ireng.

CSS Property Basics

Nalika sampeyan nulis sifat-sifat CSS, sampeyan ora bisa nggawe dhasar kaya sampeyan ndeleng. Kanggo conto, "werna" minangka properti CSS sing bener, supaya sampeyan bisa nggunakake. Properti iki minangka nemtokake werna teks saka unsur. Yen sampeyan nyoba nggunakake "teks-warna" utawa "font-color" minangka sifat CSS, iki bakal gagal amarga ora ana bagian nyata saka basa CSS.

Conto liyane yaiku properti "latar mburi-gambar". Properti iki nyetel gambar sing bisa digunakake kanggo latar mburi, kaya iki:

.logo {
background-image: url (/images/company-logo.png);
}

Yen sampeyan nggunakake "latar mburi-gambar" utawa "latar mburi-grafik" minangka properti, bakal gagal amarga, maneh, iki ora sipat CSS.

Sawetara sifat CSS

Ana sawetara sifat CSS sing bisa digunakake kanggo nggolongake situs. Sawetara conto yaiku:

Iki sifat CSS sing gedhe kanggo digunakake minangka conto, amarga kabeh iku banget straightforward lan, sanajan sampeyan ora ngerti CSS, sampeyan bisa mbayangno apa sing ditindakake adhedhasar jenenge.

Ana sifat CSS liyane sing bakal ditemoni uga sing ora kaya cetha kepriye bisa digarap adhedhasar jenenge:

Nalika sampeyan entuk desain web luwih jero, sampeyan bakal nemokke (lan nggunakake) kabeh sifat kasebut lan liya-liyane!

Properties Need Values

Saben wektu sampeyan nggunakake properti, sampeyan kudu menehi Nilai - lan tartamtu situs mung bisa nampa nilai tartamtu.

Ing conto kawitan saka "werna", kita kudu nggunakake nilai werna. Iki bisa dadi nilai hex, nilai RGBA, utawa malah tembung kunci werna . Nanging samubarang nilai kasebut bisa digunakake, nanging yen sampeyan nggunakake tembung "gloomy" karo sifat iki, ora bakal nindakake apa-apa amarga, minangka deskriptif kaya tembung kasebut, ora kasebut nilai sing diakoni ing CSS.

Conto liyane saka "background-image" mbutuhake path gambar sing bisa digunakake kanggo njupuk gambar nyata saka file situs sampeyan. Iki minangka nilai / sintaks sing dibutuhake.

Kabeh sifat CSS duwe nilai sing dikarepake. Tuladhane:

Yen sampeyan nganggo dhaptar properti CSS, sampeyan bakal nemokake yen saben wong duwe nilai spesifik sing bakal digunakake kanggo nggawe gaya sing dituju.

Diedit dening Jeremy Girard