CSS-përzgjedhës, dhe roli i saj në formatimit HTML-dokument

Krijimi i një faqe interneti dhe të plotësojë atë me elemente të caktuara të faqes së internetit, të gjithë do të përballet me një mandat të tilla si CSS-përzgjedhës. Ajo shërben për të përcaktuar më saktë të gjitha elementet e HTML-skedar të projektimit dhe vendndodhjen e tyre në faqe. Për ta bërë këtë, të krijojë një CSS-një dokument që përshkruan se selectors caktuara dhe mundësitë e tyre formatimit: ngjyra, madhësia, vendndodhjen dhe të tjera. Çdo web projektuesi duhet të dinë dhe të jenë në gjendje të hyjnë siç përzgjedhjet e dëshiruara. Ata janë të ndarë sipas llojit, kryesore të cilat ne diskutojmë më poshtë.

Llojet e përzgjedhësit në CSS

Në varësi të cilën elementi zbatohet html-formatuar, CSS-përzgjedhës mund të lidhen me një nga grupet e mëposhtme:

• përzgjedhës tag;
• përzgjedhës klasë;
• ID-përzgjedhës;
• atribut përzgjedhës.

tag përzgjedhës

Ajo është quajtur gjithashtu "type përzgjedhës" ose "element", ajo është më e thjeshtë dhe e zakonshme. Si tij CSS-dokument janë emrat e elementeve të HTML-skedar, të cilat ne e përshkruajmë. Për shembull, në qoftë se ne kemi nevojë për të vendosur stil paragrafi, ne të specifikoni pronat dhe vlerat e tyre për elementin p {background: x; ngjyra: y; Madhësia: z}. Në këtë rast, të gjithë paragrafët e faqes së internetit do të ketë të njëjtin format (ngjyrën e sfondit, madhësinë e tekstit, dhe kështu me radhë. D.).

përzgjedhës klasë

Dhe çfarë nëse ju duhet të pyesni çdo paragrafi juaj është e ndryshme nga stilet e tjera? Për ta bërë këtë, nuk është një përzgjedhës klasë.

CSS-dokumenti në këtë rast do të përmbajë një hyrje të formën e mëposhtme: p.first {color: x; font-Siperfaqja: y}. Kështu, ne të përcaktojë vetitë e "ngjyra" dhe "madhësinë" vetëm për paragrafin e klasit të parë.

Në një HTML-dokumenti në këtë rast hyri në një atribut të klasës në emër të stilit të parë. Klasa mund të jetë sa më shumë stilin që ju dëshironi të aplikoni për një web faqe elemente.

Selector id

Shpesh ka një nevojë për të përcaktuar një stil më të saktë, për shembull për çdo element të faqes, apo të mostrës tyre. Në këtë situatë, ndihma vjen id-përzgjedhës. Dosja html caktojë një emër të dëshiruar artikull që identifikon atë në mesin e të tjerëve. Për shembull, elementet që ne duam të vendosur të ndryshme nga stili tjetër do të jetë titulli artikull.

Pastaj në një HTML dokument-caktimin identifikues h1 header, articlename tilla. Dhe në CSS-skedar, specifikoni stilin, duke shtuar në emrin ID grilë: #articlename {ngjyra: blu; text-align: qendër}. Tani titull ynë do të ketë ngjyra blu dhe të përqendruar.

Secili nga llojet e mësipërme mund të përshkruhet si "një të thjeshtë CSS-përzgjedhës". Ata përcaktojnë formatimin për një parametër të caktuar të HTML-dokumentit: elemente së bashku të ngjashme (p.sh., gjithë paragrafët e këtij neni), një klasë (për shembull, vetëm paragrafi i parë), ose një artikull të veçantë (për shembull, titulli artikull).

atribut selectors

Përveç sa më sipër, nuk është një CSS-Selectors atributet - metoda më e komplikuar e stileve të aplikimit. Kjo i lejon elemente html format në atribut të zgjedhur ose vlerë. Ka disa lloje të këtij përzgjedhës:

• nga prania e cilësie;
• me vlerën e saktë;
• me vlerë të pjesshëm atributi;
• në vlerën e saj të veçantë.

Le të konsiderojmë secilën nga këto lloje:

1. Rasti i parë. Formatimi është aplikuar, nëse i pranishëm në një atribut të veçantë HTML-kodin (kjo mund të jetë një p, div, header, etj). Nëse nuk është, ajo përdor një i përgjithshëm për të gjitha elementet e stilit. Për shembull, për elementet që kanë titullin (mjet tip).
2. Rasti i dytë. Stili vlen vetëm për HTML-elemente që kanë një ndeshje e saktë të vlerave atribut. Për shembull, të dhëna në elemente, ku vlera e tipit atribut barabartë të paraqesë.
3. Rasti i tretë. Sipas formatit të vetëm që do të përfshijë artikuj në listën e vlerave që ka një fjalë të caktuar. Për shembull, Sidebar atribut "klasë" për elementet div.
4. Rasti i katërt. Style është përcaktuar vetëm për ato elemente të HTML-dokumentit, atribut të veçantë të cilit ka një vlerë të caktuar, dhe fillon me të. Për shembull, përdorimi i ngjyrës specifikuar me të gjitha elementet të cilat atribut në gjuhën angleze (e cila mund të jetë en, en-Rus, en-au dhe t. D.).

Kështu, duke përdorur një ose tjetër, zgjedhësin CSS, më së miri mund të përcaktohet si një faqe të tërë web, dhe të përshkruajnë disa nga elementet e tij.