CSS-pamilih, lan perané ing format html-document

Nggawe website lan Isi karo unsur tartamtu saka kaca web, wong-wong bakal ngadhepi istilah kayata CSS-pamilih. Serves kanggo liyane kanthi nemtokake kabeh unsur html-file saka desain lan panggonan ing kaca. Kanggo nindakake iki, nggawe CSS-a document sing disebutake metu selectors tartamtu lan opsi format sing: werna, ukuran, lokasi lan liyane. Saben Desainer web kudu ngerti lan bisa kanggo mlaku ketik pamilihan dikarepake. Lagi dipérang miturut jinis, utama kang kita ngrembag ing ngisor iki.

Jinis selectors ing CSS

Gumantung ing kanggo kang unsur iki Applied html-format, CSS-pamilih uga hubungané klompoké ing ngisor iki:

• tag pamilih;
• kelas pamilih;
• id-pamilih;
• ngubungake pamilih.

Tag pamilih

Kutha iki uga disebut "jinis pamilih" utawa "unsur", iku paling prasaja lan umum. Minangka CSS-document kang jenenge unsur html-file, kang kita njlèntrèhaké. Contone, yen kita kudu ngeset gaya paragraf, kita nemtokake situs lan nilai kanggo unsur p {latar mburi: x; werna: y; size: z}. Ing kasus iki, kabeh paragraf saka kaca web bakal duwe format sing padha (werna latar mburi, ukuran teks, lan ing. D.).

pamilih kelas

Lan apa yen perlu takon saben paragraf iku beda saka liyane gaya? Kanggo nindakake iki, ana pamilih kelas.

CSS-document ing kasus iki bakal ngemot entri ing wangun ing ngisor iki: p.first {werna: x; font-size: y}. Mangkono, kita netepake sifat "werna" lan "ukuran" mung kanggo kelas kapisan paragraf.

Ing html-document ing kasus iki ngetik ngubungake kelas kanggo jeneng gaya pisanan. Kelas bisa dadi akeh kaya gaya pengin aplikasi kanggo kaca web unsur.

pamilih id

Kerep ana perlu kanggo netepake jinis liyane kanthi, contone marang salah siji unsur ing kaca, utawa kanggo Sample wong. Ing kahanan iki, sepindah rawuh id-pamilih. Berkas html nemtokake jeneng item sing dikarepake sing ngenali iku antarane wong. Contone, unsur sing pengin kita ngeset beda saka gaya liyane bakal judhul artikel.

Banjur ing html-document tanggung jawab header h1 pengenal, articlename kuwi. Lan ing CSS-file, nemtokake gaya, nambah kanggo jeneng ID grille: #articlename {werna: biru; text-align: center}. Saiki judhul kita bakal duwe werna biru lan pusaté.

Saben jinis ndhuwur bisa uga disebut minangka "prasaja CSS-pamilih". Padha netepake format kanggo parameter tartamtu saka html-document: bebarengan unsur padha (contone, kabeh paragraf artikel), siji kelas (contone, mung ing ayat pisanan) utawa item tartamtu (contone, ing artikel).

ngubungake selectors

Saliyane ing ndhuwur, ana CSS-selectors kawicaksanan - cara liyane rumit gaya aplikasi. Nanging ngidini unsur format html ing ngubungake utawa nilai kapilih. Ana sawetara varieties saka pamilih iki:

• dening ngarsane ngubungake ing;
• ing Nilai pas;
• dening Nilai ngubungake sebagean;
• ing nilai tartamtu.

Ayo kita nimbang saben spesies iki:

1. Mengkono. Format wis Applied, yen saiki ing ngubungake html-kode tartamtu (uga dadi p, div, header, etc.). Yen ora, iku nganggo umum kanggo kabeh unsur gaya. Contone, kanggo unsur gadhah judhul (tip alat).
2. Kapindho cilik. gaya ditrapake mung kanggo html-unsur sing duwe match pas angka ngubungake. Contone, kanggo input unsur, ngendi nilai saka ngubungake jinis perangan kang adil ngirim.
3. Kasus katelu. Ing format mung bakal kalebu item ing dhaptar nilai-nilai sing wis tembung tartamtu. Contone, Sidebar ngubungake "kelas" kanggo unsur div.
4. Kasus papat. Gaya wis ditetepake mung kanggo sing unsur html-document, kang ngubungake tartamtu nduweni nilai tartamtu, lan wiwit ndherek. Contone, nggunakake werna kasebut kanggo kabeh unsur kang ngubungake basa Inggris (kang uga en, en-rus, en-au lan t. D.).

Mangkono, kanthi nggunakake siji utawa liyane, ing pamilih CSS, bisa paling kasebut minangka kaca web kabeh, lan njlèntrèhaké sawetara saka sawijining unsur.