CSS- ն կամ Cascading Style Sheets- ը, որն օգտագործվում է ժամանակակից կայքի դիզայնի մեջ, տեսողական տեսքը կիրառելու համար: Թեեւ HTML- ը ստեղծում է էջի կառուցվածքը եւ Javascript- ը կարող է վարվել վարքագծի ձեւով, կայքի տեսքը եւ զգացումը CSS- ի տիրույթն է: Երբ խոսքը վերաբերում է այս ոճերին, դրանք առավել հաճախ կիրառվում են արտաքին ոճի թերթերով, բայց կարող եք նաեւ CSS ոճերը կիրառել մեկ, հատուկ տարրով, օգտագործելով այն, ինչ հայտնի է որպես «ներդիր ոճեր»:
Ներածված ոճերը CSS ոճերն են, որոնք ուղղակիորեն կիրառվում են էջի HTML- ում: Այս մոտեցման մեջ կան նաեւ երկու առավելություններ եւ թերություններ: Նախ, տեսնենք, թե ինչպես են այդ ոճերը գրված:
Ինչպես գրել Inline Style- ը
CSS- ի ներքին ոճը ստեղծելու համար դուք սկսում եք գրել ձեր ոճային գույքը, ինչպես նման ձեւաչափով, այնպես որ այն պետք է լինի բոլոր տողերը: Առանձին բազմակի առանձնահատկություններ բաժանեք մի նիշքային նիշով, ինչպես դուք կստանաք ոճաթերթում:
background: #ccc; գույնը `#fff; սահման: պինդ սեւ 1px;
Տեղադրեք այդ ոճերի ոճը ներսում գտնվող տարրերի ոճի հատկանիշի մեջ, որը ցանկանում եք հարդարել: Օրինակ, եթե ցանկանում եք կիրառել այս ոճը ձեր HTML- ի պարբերությանը, ապա այդ տարրը կանդրադառնա հետեւյալ կերպ.
Այս օրինակում այս հատվածը կհայտնվի թեթեւ գորշ ֆոն (այն է, #cccc- ը), սեւ տեքստը (# 000 գույնից) եւ 1 պիքսել պինդ սեւ սահմանով պարբերության բոլոր չորս կողմերի շուրջ .
Inline Styles- ի առավելությունները
Շնորհիվ Cascading Style Sheet ներդիրների ոճերը, փաստաթղթում բարձր հստակություն կամ առանձնահատկություն ունեն: Սա նշանակում է, որ նրանք պատրաստվում են կիրառել, անկախ նրանից, թե ինչ է թելադրված ձեր արտաքին ոճաթերթում (բացառությամբ այնպիսի ոճերի, որոնք տրվում են կարեւոր հայտարարություն, որ թերթիկը, բայց դա այն չէ, ինչ պետք է արվի արտադրության վայրերում, եթե այն կարելի է խուսափել):
Միակ ոճերը, որոնք ունեն ավելի բարձր նախասիրություն, քան ներդիրների ոճերը, օգտագործողներն իրենց ընթերցողներն են: Եթե փոփոխություն եք կատարում ձեր փոփոխությունները ստանալու համար, կարող եք փորձել տարրական գծի ոճը տեղադրել: Եթե ոճերը դեռեւս չեն ցուցադրվում ներածական ոճով, դուք գիտեք, որ կա մի այլ բան:
Ներածված ոճերը հեշտ եւ արագ են ավելացնելու եւ կարիք չունեք անհանգստանալու պատշաճ CSS ընտրիչ գրելու համար, քանի որ դուք ավելացնում եք ոճերը անմիջապես այն տարրին, որը ցանկանում եք փոխել (այդ տարրը հիմնականում փոխարինում է ընտրողը, որը գրել եք արտաքին ոճով: ): Ձեզ հարկավոր չէ ստեղծել մի ամբողջ նոր փաստաթուղթ (ինչպես արտաքին ոճի թերթերով) կամ խմբագրել նոր տարր ձեր փաստաթղթի ղեկավարում (ինչպես ներքին ոճաթերթերով): Դուք պարզապես ավելացրեք ոճի հատկանիշը, որը վավեր է գրեթե յուրաքանչյուր HTML տարրի վրա: Սրանք բոլոր պատճառներն են, թե ինչու կարող եք գայթակղել ներածական ոճերի օգտագործումը, սակայն դուք պետք է նաեւ տեղյակ լինեք այս մոտեցման մի քանի կարեւոր թերությունների մասին:
Inline Styles- ի թերությունները
Քանի որ Inline- ի ոճերը նրանք ամենատարածվածն են կասկադում, նրանք կարող են ավելի շատ հավաքել այնպիսի բաներ, որոնք դուք չեք ցանկացել: Նրանք նաեւ անտեսում են CSS- ի առավել հզոր կողմերից մեկը `ոճի ոճի եւ շատ վեբ էջերի ունակությունը մեկ կենտրոնական CSS ֆայլից` ապագա թարմացումներն ու ոճի փոփոխությունները հեշտ կառավարելու համար:
Եթե դուք ստիպված եք լինում օգտագործել միայն ներկառուցված ոճերը, ձեր փաստաթղթերը արագ կդառնան շեղված եւ շատ դժվար է պահպանել: Դա այն է, որ Inline- ի ոճերը պետք է կիրառվեն յուրաքանչյուր տարրին, որում ցանկանում եք դրանք: Այսպիսով, եթե ցանկանում եք ձեր բոլոր պարբերություններում տառատեսակի ընտանեկան «Arial» տառերը , ապա պետք է ներդիրի ոճը ավելացնել ձեր յուրաքանչյուր
tagում ձեր փաստաթղթում: Սա ավելացնում է նաեւ սպասարկման աշխատանքը նախագծողի համար եւ ներբեռնման ժամանակ ընթերցողին, քանի որ այն պետք է փոխել ձեր կայքի յուրաքանչյուր էջում `փոխելու տառատեսակը: Այլապես, եթե դուք օգտագործում եք առանձին ոճաթերթ, ապա կարող եք փոխել այն մեկ տեղում, եւ յուրաքանչյուր էջը ստանալու է այդ թարմացումը:
Ճիշտն ասած, սա մի քայլ է ետեւում վեբ դիզայնի վրա `ետ tag- ի օրերին:
Ինտրաուտ ոճերի մեկ այլ թերություն այն է, որ անհնար է ոճաբանել տարրեր եւ նրանց հետ դասարանները: Օրինակ, արտաքին ոճերի թերթերով կարող եք ոճը այցելել, սավառնել, ակտիվացնել եւ կապել տախտակի գույնը , բայց ներդիրի ոճով, բոլորը կարող եք ոճը հղումը հենց ինքն է, քանի որ դա այն է, ինչ ոճի հատկանիշը կցված է .
Ի վերջո, մենք խորհուրդ չենք տալիս ձեր ոստայնի էջերի համար ներդիրների ոճերը չօգտագործել, քանի որ դրանք խնդիրներ են առաջացնում եւ էջերը ավելի շատ աշխատելու համար: Միակ ժամանակն է, որ մենք օգտագործում ենք այն ժամանակ, երբ մենք ցանկանում ենք արագորեն մշակել ոճը: Երբ մենք ստացել ենք այն, որ ճիշտ է այդ տարրը, մենք այն տեղափոխում ենք մեր արտաքին ոճը:
Նախորդ հոդվածը Ջենիֆեր Քրինինն է: Խմբագրված է Ջերեմի Գիրարդը: