CSS-pamilihan, jeung peran taun pormat html-dokumen

Nyieun website na ngeusian eta kalawan elemen tangtu kaca web, dulur bakal nyanghareupan istilah anu saperti CSS-pamilihan. Ieu fungsi keur leuwih akurat nangtukeun sakabéh unsur html-file desain tur lokasi maranéhanana dina kaca. Jang ngalampahkeun ieu, nyieun hiji CSS-a dokumen anu mantra kaluar selectors tangtu jeung pilihan pormat maranéhna: warna, ukuranana, lokasi sarta séjén. Unggal desainer web kudu nyaho tur bisa leres ngasupkeun selections dipikahoyong. Éta téh dibagi tipe, nu utama nu urang bahas di handap.

Rupa selectors di CSS

Gumantung kana nu unsur ieu dilarapkeun html-formatna, CSS-pamilihan bisa nyaritakeun salah sahiji grup di handap ieu:

• tag pamilihan;
• kelas pamilihan;
• id-pamilihan;
• atribut pamilihan.

Tag pamilihan

Ieu disebut oge "tipe pamilihan" atawa "unsur", éta nu paling basajan jeung umum. Salaku CSS-dokumen na anu ngaran sahiji unsur html-file nu urang ngajelaskeun. Contona, upami urang kedah nyetel gaya ayat, urang tangtukeun sipat tur nilai maranéhanana pikeun unsur p {tukang: x; Warna: y; Ukuran: z}. Dina hal ieu, sadaya ayat tina kaca web bakal boga format sarua (warna latar, ukuranana téks, jeung saterusna. D.).

pamilihan kelas

Na kumaha lamun kudu menta unggal ayat Anjeun mah béda ti gaya séjénna? Jang ngalampahkeun ieu, aya hiji pamilihan kelas.

CSS-dokumen dina hal ieu bakal ngandung hiji asupna wangun kawas kieu: p.first {warna: x; font-ukuran: y}. Ku kituna, urang nangtukeun sipat "warna" jeung "ukuran" ukur pikeun kelas munggaran ayat.

Dina html-dokumen dina hal ieu diasupkeun hiji atribut kelas mun nami gaya kahiji. Kelas tiasa saloba éta gaya rék nerapkeun pikeun hiji kaca web elemen.

pamilihan id

Mindeng aya anu peryogi keur ngartikeun gaya a langkung akurat, contona mun sagala salah unsur kaca, atawa sampel aranjeunna. Dina kaayaan ieu, bantuan asalna id-pamilihan. The file html napelkeun ngaran item nu dipikahoyong nu nangtukeun eta diantara batur. Contona, unsur nu rék kami pikeun ngeset béda ti gaya séjénna bakal judul artikel.

Lajeng dina html-dokumen assigning lulugu h1 identifier, articlename misalna. Sarta di CSS-file, tangtukeun gaya, nambahkeun jeung ngaran ID grille: #articlename {warna: biru; téks-align: puseur}. Ayeuna headline urang kudu warna nu bulao jeung dipuseurkeun.

Unggal jenis luhur bisa didadarkeun salaku "a basajan CSS-pamilihan". Aranjeunna nangtukeun pormat pikeun parameter sabagean tina html-dokumen: babarengan elemen sarupa (misalna sakabeh ayat artikel), salah sahiji kelas (contona, mung ayat kahiji) atawa item husus (contona, judul artikel).

atribut selectors

Salian di luhur, aya hiji CSS-selectors atribut - metoda nu leuwih pajeulit tina gaya aplikasi. Hal ieu ngamungkinkeun elemen format html dina atribut atawa nilai dipilih. Aya sababaraha variétas tina pamilihan ieu:

• ku ayana atribut teh;
• dina nilai pasti na;
• ku nilai atribut parsial;
• on nilai husus na.

Hayu urang nganggap tiap spésiés ieu:

1. Kasus munggaran. Pormat diterapkeun, upami hadir dina atribut html-kode husus (meureun nya a p, div, lulugu, jsb). Lamun henteu, eta ngagunakeun generik pikeun sakabéh unsur gaya. Contona, pikeun elemen ngabogaan judul (tip alat).
2. Kadua hal. gaya nu manglaku wungkul ka html-elemen anu boga hiji cocok pasti tina nilai atribut. Contona, mun input ti elemen, dimana nilai atribut tipe sarua ngalebetkeun.
3. Kasus katilu. Dina format hijina baris ngawengku Item dina daptar nilai anu miboga kecap nu tangtu. Contona, sidebar atribut "kelas" kanggo elemen div.
4. Kasus kaopat. Gaya dihartikeun ngan pikeun maranéhanana unsur html-dokumen, anu atribut tinangtu ngabogaan nilai nu tangtu, sarta dimimitian ku anjeunna. Contona, pamakéan warna dieusian ka sadaya elemen nu atribut basa Inggris (nu bisa jadi en, en-rus, en-au na t. D.).

Ku kituna, ku ngagunakeun salasahijina, dina pamilihan CSS, tiasa pangalusna jadi dieusian salaku hiji kaca web sakabéh, sarta ngajelaskeun sababaraha elemen na.