CSS-ընտրությունը, եւ նրա դերը ձեւավորման html փաստաթղթի

Ստեղծելով կայքը եւ լրացնելով այն որոշակի տարրերի վեբ էջում, որ բոլորն էլ կանգնած է մի տերմին, ինչպիսիք են CSS-ընտրությունը: Այն ծառայում է ավելի ճշգրիտ որոշել բոլոր տարրերը, html ֆայլ իրենց դիզայնի եւ վայրում էջում: Որպեսզի դա անել, ստեղծել մի CSS, մի փաստաթուղթ, որը spells դուրս որոշակի selectors եւ նրանց չափագրումը տարբերակներ: գույնը, չափը, գտնվելու վայրը եւ այլ. Ամեն վեբ դիզայներ, պետք է իմանա եւ կարողանա պատշաճ կերպով մտնել ցանկալի ընտրության. Նրանք բաժանվում են ըստ տեսակի, որոնցից գլխավորը ենք քննարկել ստորեւ.

Տեսակի selectors ի CSS

Կախված նրանից, որի տարրը կիրառվում html-ֆորմատավորումից, CSS-ընտրությունը կարող է վերաբերել մեկի հետեւյալ խմբերի.

• Պիտակ ընտրությունը;
• դաս ընտրությունը;
• ID-ընտրությունը.
• վերագրել ընտրությունը:

Պիտակ ընտրությունը

Այն կոչվում է նաեւ «տեսակ ընտրիչ", կամ "տարր", դա առավել պարզ եւ ընդհանուր. Քանի որ նրա CSS-փաստաթղթի անունները տարրերի html ֆայլ, որը մենք նկարագրում. Օրինակ, եթե մենք պետք է սահմանել պարագրաֆ ոճը, մենք ճշտել հատկությունների եւ դրանց արժեքները տարրի համար p {ֆոնային: x; գույն: y; չափը: z}. Այս դեպքում, բոլոր կետերը վեբ էջում կունենան նույն ձեւաչափը (Ֆոնի գույնը, տեքստային չափը, եւ այլն. D.):

դաս ընտրությունը

Իսկ եթե դուք պետք է հարցնել ձեր յուրաքանչյուր պարբերությունը տարբերվում է այլ ոճերի. Որպեսզի դա անել, կա մի խավ ընտրությունը:

CSS-փաստաթուղթը այս դեպքում պետք է պարունակի մուտքը հետեւյալ ձեւով: p.first {գույն: x; font-size: y}. Այսպիսով, մենք սահմանել հատկությունների «գունավոր» եւ «չափի» միայն առաջին կարգի պարբերությամբ.

Մի html-փաստաթղթի այս դեպքում մտել է կարգի հատկանիշը անունով ոճով առաջին. Դասեր կարող է լինել, քանի որ շատ, ինչպես ոճով դուք ցանկանում եք դիմել մի վեբ էջում տարրերի.

ընտրիչ id

Հաճախ կա անհրաժեշտություն սահմանել ոճը ավելի ճշգրիտ, օրինակ, որեւէ մեկ տարր է էջում, կամ համտեսել դրանք: Այս իրավիճակում, որ օգնության է գալիս ID-selector. HTML ֆայլը վերագրելու ցանկալի իրը անունը, որը նույնականացնում է այն շրջանում մյուսների: Օրինակ, այն տարրերը, որոնք մենք ուզում ենք սահմանել տարբերվում մյուս ոճով կլինի հոդվածը տիտղոսը:

Ապա մի html-փաստաթղթի հանձնարարելով header H1 նույնարկիչից, ինչպիսիք articlename: Եւ ի CSS ֆայլ, նշեք ոճը, ավելացնելով, որ կոմսություն անունը grille: #articlename {գույն: կապույտ; text-align: center}. Այժմ մեր վերնագիր կունենա Երկնագույնը եւ կենտրոնացած.

Յուրաքանչյուրը վերը նշված տեսակների կարելի է բնութագրել որպես «պարզ CSS-ընտրությունը». Նրանք սահմանել չափագրումը որոշակի պարամետրի է HTML փաստաթղթի միասին նմանատիպ տարրեր (օրինակ, բոլոր կետերին հոդվածը), մեկ դասի (օրինակ, միայն առաջին պարբերությունը), կամ որոշակի տարրը (օրինակ, հոդվածը անվանումը).

վերագրել selectors

Ի լրումն վերը նշված, կա մի CSS-selectors հատկանիշներ ավելի բարդ եղանակը դիմումի ոճերի. Այն թույլ է տալիս HTML ֆորմատով տարրերի վրա ընտրված հատկանիշի կամ արժեքի. Կան մի քանի սորտերի այս ընտրությունը:

• ի ներկայությամբ հատկանիշի.
• իր ճշգրիտ արժեքը.
• ըստ մասնակի հատկանիշի արժեքը.
• իր հատուկ արժեքի.

Եկեք դիտարկենք այդ տեսակների:

1. Առաջին դեպքը: Ֆորմատավորում կիրառվում, եթե ներկա է կոնկրետ հատկանիշի HTML- կոդ (դա կարող է լինել p, div, header, եւ այլն): Եթե դա այդպես չէ, այն օգտագործում է ընդհանուր բոլոր տարրերի ոճով: Օրինակ, տարրերի ունեցող կոչում (գործիք tip):
2. Երկրորդ դեպքը: The ոճը վերաբերում է միայն այն html-տարրերը, որոնք ունեն ճշգրիտ համընկնում հատկանիշի արժեքների: Օրինակ, մուտքային որ տարրերը, որտեղ արժեքը տիպի հատկանիշի հավասար ներկայացնել:
3. Արդեն երրորդ դեպքն է: Տակ ձեւաչափով կներառի միայն ցանկի արժեքների, որոնք ունի որոշակի բառը: Օրինակ, Sidebar ատրիբուտը «դասը» համար տարրերի Div.
4. Չորրորդ դեպքն: Style սահմանվում է միայն այն տարրերի համար է HTML փաստաթղթի, որի մասնավորապես հատկություն ունի որոշակի արժեք, եւ սկսվում է նրա հետ: Օրինակ, օգտագործումը նշված գույնի բոլոր տարրերի որի անգլերեն լեզվի հատկանիշը (որը կարող է լինել en, en-rus, en-օ եւ t. D.):

Այսպիսով, օգտագործելով մեկ կամ մյուս, CSS ընտրիչ, կարող է լավագույնս է նշվի որպես ամբողջ վեբ էջում, եւ նկարագրել նրա որոշ տարրերի.