CSS-mai zaɓin, kuma da rawar a Tsarin html-daftarin aiki

Samar da wani website kuma ciko shi da wasu abubuwa na shafin yanar gizo, kowa da kowa zai fuskanci wani lokaci kamar da CSS-mai zaɓin. Yana hidima more daidai sanin ko dukan abubuwa na html-fayil na zane da kuma wuri a kan page. Don yin wannan, ƙirƙirar CSS-wani daftarin aiki da cewa lokatai fitar da wasu zaba da su Tsarin zažužžukan: launi, size, wuri da kuma sauran. Kowane zanen yanar gizo ya kamata ka sani, kuma su iya yadda ya kamata shigar da ake so zabe. Suna raba da irin, babban abin da muka tattauna a kasa.

Irin zaba a CSS

Dangane da abin da na da kashi ne amfani html-tsara, CSS-mai zaɓin iya shafar daya daga cikin wadannan kungiyoyin:

• tag mai zaɓin.
• aji mai zaɓin.
• id-mai zaɓin.
• sanyã mai zaɓin.

tag mai zaɓin

Haka kuma an kira "type mai zaɓin" ko "kashi", shi ne mafi sauki da na kowa. Kamar yadda ya CSS-daftarin aiki ne sunayen da abubuwa na html-fayil, wanda muka bayyana. Alal misali, idan muka bukatar saita sakin layi style, mu saka da dũkiyarsu da kuma dabi'u na kashi p {bango: x. launi: y; size: z}. A wannan yanayin, duk sakin layi na shafin yanar gizo za su yi wannan format (bango launi, rubutu size, da sauransu. D.).

aji mai zaɓin

Kuma abin da idan kana bukatar ka tambayi your kowane sakin layi ne daban-daban daga wasu styles? Don yin wannan, akwai wani aji mai zaɓin.

CSS-daftarin aiki a cikin wannan hali zai dauke da wani shigarwa na wadannan nau'i: p.first {launi: x. font-size: y}. Saboda haka, mu ayyana da kaddarorin "launi" da "size" kawai ga farko aji sakin layi.

A wani html-daftarin aiki a wannan yanayin shiga wani aji sifa da sunan style farko. Classes iya zama kamar yadda na style kana so ka nemi wani shafin yanar gizo abubuwa.

mai zaɓin id

Sau da yawa akwai bukatar su ayyana wani salon sosai da sosai, misali a wani daya kashi na page, ko zuwa samfurin su. A wannan halin da ake ciki, da taimakon zo id-mai zaɓin. A html fayil sanya wani so abu sunan cewa gano shi cikin wasu. Alal misali, da abubuwa da cewa muna so mu kafa daban-daban daga wasu style zai zama labarin title.

Sa'an nan a html-daftarin aiki assigning da BBC h1 ganowa, wannan articlename. Kuma a cikin CSS-fayil, saka da style, ƙara da ID sunan grille: #articlename {launi: blue. rubutu-mayar: cibiyar}. Yanzu mu kanun labarai za su suna da launi shuɗi, da tsakiya.

Kowane na sama iri za a iya bayyana a matsayin "mai sauki CSS-mai zaɓin". Su ayyana Tsarin ga wani musamman siga da html-daftarin aiki: tare kama abubuwa (misali, duk da sakin layi na labarin), daya aji (misali, kawai na farko sakin layi), ko da wani takamaiman abu (misali, da labarin title).

sanyã zaba

Bugu da kari ya na sama, akwai wani CSS-zaba halaye - mafi rikitarwa Hanyar aikace-aikace styles. Yana da damar html format abubuwa a kan zaba sifa ko darajar. Akwai da dama iri na wannan mai zaɓin:

• da gaban sifa.
• a da ainihin darajar.
• da m sifa darajar.
• a kan ta musamman darajar.

Bari mu bincika kowane daga cikin wadannan jinsuna:

1. A farko harka. Tsara ne amfani, idan ba a wani takamaiman sifa html-code (dõmin ta kasance wata p, rara, BBC, da dai sauransu). Idan shi ba, shi yana amfani da wani Generic ga dukan abubuwa na style. Alal misali, ga abubuwa da ciwon da take (kayan aiki tip).
2. A karo na biyu idan. The style shafi kawai ga html-abubuwa da cewa suna da ya dace da sifa dabi'u. Alal misali, don shigar da abubuwa, inda darajar da irin sifa daidai musulunta.
3. The uku hali. A karkashin format za kawai sun hada da abubuwa a cikin jerin dabi'u cewa yana da wani kalma. Alal misali, labarun gefe sifa "aji" ga abubuwa rara.
4. A karo na hudu hali. Style aka bayyana ne kawai ga wadanda abubuwa da html-daftarin aiki, wanda musamman sifa yana da wani daraja, da kuma fara da shi. Alal misali, yin amfani da kayyade launi zuwa duk abubuwa da harshen Turanci sifa (wanda zai iya zama en, en-Rus, en-au da t. D.).

Saboda haka, ta hanyar yin amfani da daya ko wasu, da CSS mai zaɓin, za a iya mafi kyau da za a kayyade a matsayin wani dukan shafin yanar gizo, da kuma bayyana wasu daga ta abubuwa.