CSS-selector, û rola wê ya di formatkirin html-document

Afirandina a malper û dagirtina ew bi hêmanên hinek ji yên web page de, her kes dê term yên wekî CSS-selector rû. Ev xizmeta ji bo rastir diyar hemû hêmanên html-file ji design û ciyê xwe li ser rûpel. Ji bo vê jî, biafirînin CSS-Belgeya ku bi teferruat selectors hin û options formatkirin wan: color, size, location û yên din. Her designer web divê bizanin û bikaribin baş bikevin selections xwestin. Ew bi destê type dabeş, ya sereke ya ku em li jêr nîqaş bikin.

Hîmê selectors li CSS

Dimîne li ser ji bo ku element-html serrast serî, CSS-selector dibe ku yek ji komên jêr ve têkildar dike:

• selector tag;
• polê;
• id-selector;
• hilbijêra taybetmendiyê.

selector Tag

Ev jî bi navê "selector type" an "element", ew e ku sade herî û hevbeş. Wek wî CSS-document navên hêmanên html-file, ku em salix in. Ji bo nimûne, eger em Divê ji style paragrafê de, em taybetiyên û nirxên xwe ji bo p element {background diyar bike: x; color: y; Qebareyi perrtûk: z}. Di vê rewşê de, di hemû bendan de ji malpera wê ya format xwedî eynî (background color, size text, û hwd. D.).

polê

Û çi eger ku we pêdivî bi bipirse her paragraf xwe cuda ji styles din e? Ji bo vê jî, e, a polê heye.

CSS-belge di vê rewşê de wê de dihewîne an entry ji forma jêr e: p.first {color: x; font-size: y}. Bi vî awayî, taybetiyên "reng" û "size" bi tenê ji bo paragrafa çîna yekem define em.

Di html-belge di vê rewşê de ji bo navê style yekem ket taybetmendiyê de çîna. Burjuwazî dikare bê ku bi qasî ku ji style tu dixwazî ji bo hêmanên rûpel web derbas dibe.

id Hilbijêr

Gelek caran pêwîstî bi define a style rastir, ji bo nimûne tu yek element ya rûpel, an jî ji wan re behsa wê derê. Di vê rewşê de, alîkarî bê id-selector. The file html peywirdarkirin a bi navê babete xwestin ku ew di nava kesên din jî tê binavkirin. Ji bo nimûne, ew hêmanên ku em dixwazin cûda ji style din dê bibe title gotara the.

Hingê di html-document hêzeke ji header naskirin h1, wisa articlename. Û di CSS-file, diyar stîla û got, ji bo ku bi navê ID grille: #articlename {color: blue; text-align: center}. Niha sernivîs me dê rengê şîn û navenda.

Her yek ji şiddetên li jorê dikare wekî "a sade CSS-hilbijêra" binav kir. li formatkirin bo parametre taybetî yên html-document define Ew: bi hev re hêmanên similar (wek nimûne, di hemû bendan de ji gotara), yek class (ji bo nimûne, tenê ya fikraya yekemîn) an a babete taybet (bo nimûne, title gotara the).

aloze selectors

Ji bilî li jor e, CSS-selectors li wir hildide - rêbaza zêdetir tevlîhev ên styles serlêdana. Ev dihêle ku hêmanên format html li ser taybetiyê an jî nirxê hilbijartin. in shéwezare çend ji vê selector hene:

• bi amadebûna taybetiyê;
• li nirxê rastîn xwe;
• bi nirxê taybetmendiyê bi parçe;
• li ser nirxê xwe ya taybet.

Werin, em bifikirin ku her yek ji van cure:

1. Hala pêşî. Meriv sepandin, eger niha di taybetmendiyê de html-code taybet (ev dibe ku p, div, header, û hwd.). Eger ev yek ne, bi kar tîne a buy bo hemû hêmanên style. Ji bo nimûne, ji bo hêmanên ku di title (tip tool).
2. Mînaka duyem. The style tenê ji bo html-hêmanên ku xwedî match rastîn ya nirxên taybetmendiyê de derbas. Ji bo nimûne, ji bo input ji hêmanên, ku nirxê taybetmendiyê type the beramberê bikin.
3. Doza sêyemîn. Di bin format bi tenê tomar ji di lîsteyê de nirxên ku bi gotina hin wê de. Ji bo nimûne, sideBar taybetiyê "class" ji bo hêmanên div.
4. Doza çaremîn. Style, tenê ji bo kesên ku hêmanên html-document, ku taybetiyê taybetî nirxê hin danasîn, û bi wî dest pê dike. Ji bo nimûne, bikaranîna rengê xwe dişinî ji bo hemû hêmanên ku taybetiyê zimanê English (ku ew dikarin bibin en, en-rus, en-au û t. D.).

Bi vî awayî, ji aliyê yek an ya din jî, li hilbijêra CSS, dikare baştirîn wekî web page tevahiya diyar dibe, û salix hin hêmanên wê.