Օգտագործելով CSS կայքի լայնությունը
Կայքերը համահունչ ոճի եւ կառուցվածքի համադրություն են, եւ այսօրվա վեբ-ում, դա լավագույն փորձ է, որ այս երկու ասպեկտները պահել միմյանցից:
HTML- ը միշտ եղել է այն, ինչ իր կառուցվածքով ապահովում է կայք: Վեբ- ի վաղ օրերին HTML- ը պարունակում էր ոճային տեղեկություններ: պիտակը նման տարրեր լցվել են HTML կոդի մեջ, ավելացնելով եւ զգալ տեղեկատվություն կառուցվածքային տեղեկատվության հետ միասին: Վեբ ստանդարտի շարժումը մեզ առաջ է քաշել այս պրակտիկան փոխելու եւ փոխարենը սեղմել բոլոր ոճը տեղեկատվությունը CSS- ում կամ Cascading Style Sheets- ում: Հաշվի առնելով այս քայլը, ներկայիս առաջարկությունները այն են, որ դուք օգտագործում եք այն, ինչ հայտնի է որպես «արտաքին ոճաթերթ» `ձեր կայքի ոճավորելու կարիքների համար:
Արտաքին ոճի թերթերի առավելությունները եւ թերությունները
Cascading Style Sheets- ի մասին ամենալավ բաներից մեկն այն է, որ դուք կարող եք դրանք օգտագործել, որպեսզի ձեր ամբողջ կայքը հետեւողական լինի: Դա ամենաարդյունավետ միջոցն է ` արտաքին ոճի թերթիկի հղումը կամ ներմուծումը: Եթե օգտագործում եք նույն արտաքին ոճը ձեր էջի յուրաքանչյուր էջի համար, ապա կարող եք վստահ լինել, որ բոլոր էջերը կունենան նույն ոճը: Դուք կարող եք նաեւ դարձնել ավելի հեշտ է փոփոխություններ կատարել ապագայի համար: Քանի որ յուրաքանչյուր էջում օգտագործվում են նույն արտաքին ոճը, այդ թերթիկի ցանկացած փոփոխություն կազդի յուրաքանչյուր կայքի էջի վրա: Սա շատ ավելի լավ է, քան յուրաքանչյուր էջը անհատապես փոխելու համար:
Արտաքին ոճի թերթերի առավելությունները
- Դուք կարող եք վերահսկել միանգամից մի քանի փաստաթղթերի տեսքը եւ զգացումը:
- Սա հատկապես օգտակար է, եթե դուք աշխատում եք մի թիմի հետ, որպեսզի ստեղծեք ձեր վեբ կայքը: Շատ ոճային կանոններ կարող են դժվար լինել հիշել, եւ երբ դուք կարող եք ունենալ տպագիր ոճով ուղեցույց, այն անարդյունավետ է եւ ձանձրալի է շարունակաբար թռիչք կատարել այն պարզելու համար, թե արդյոք օրինակ տեքստը պետք է գրվի 12 կետերում, Arial տառատեսակ կամ 14 կետով: Ամեն ինչով մեկ տեղ ունենալով, եւ քանի որ այդ տեղը նույնպես այնտեղ է, որտեղ դուք փոփոխություններ կկատարեք, ապա ձեզ սպասվում է շատ ավելի հեշտ սպասարկում:
- Դուք կարող եք ստեղծել ոճերի դասեր, որոնք կարող են օգտագործվել տարբեր HTML տարրերի վրա :
- Եթե դուք հաճախ օգտագործում եք որոշակի տառի ձեւավորում, ձեր էջում տարբեր բաների շեշտադրումը, կարող եք օգտագործել դասի հատկանիշը, որը դուք ստեղծել եք ձեր ոճաթերթում, որպեսզի այս տեսքը եւ զգաք, այլ ոչ թե կոնկրետ ոճը որոշեք յուրաքանչյուր օրինակին: շեշտադրումը:
- Դուք կարող եք հեշտությամբ խմբագրել ձեր ոճերը `ավելի արդյունավետ դարձնելու համար:
- CSS- ի հասանելի բոլոր խմբավորման մեթոդները կարող են օգտագործվել արտաքին ոճերի թերթերում, եւ դա ձեզ հնարավորություն է տալիս ավելի շատ վերահսկողություն եւ ճկունություն ձեր էջերում:
Արտաքին ոճի թերթերի թերությունները
- Արտաքին ոճի թերթիկները կարող են մեծացնել ներբեռնման ժամանակը, հատկապես եթե դրանք չափազանց մեծ են: Քանի որ CSS ֆայլը առանձին փաստաթուղթ է, որը պետք է բեռնվի, այն ազդեցություն կունենա կատարելու այդ բեռնումը:
- Արտաքին ոճերը շատ արագ են ստանում, քանի որ դժվար է ասել, երբ ոճը այլեւս օգտագործվում է, քանի որ այն չի ջնջվել, երբ էջը հեռացվում է: Ձեր CSS ֆայլերի պատշաճ կառավարումը կարեւոր է, հատկապես, եթե մի քանի մարդ աշխատում է նույն ֆայլում:
- Եթե միայն մեկ էջանոց կայք ունեք, CSS- ի արտաքին ֆայլը չի կարող անհրաժեշտ լինել, քանի որ միայն մեկ էջը ոճով է: Արտաքին CSS- ի առավելություններից շատերը կորցնում են, երբ միայն մեկ էջի էջ ունեք:
Ինչպես ստեղծել արտաքին ոճի թերթ
Արտաքին ոճի թերթիկները ստեղծվում են համանման սինտաժով `փաստաթղթի մակարդակի ոճերի թերթիկների համար: Այնուամենայնիվ, դուք պետք է ընդգրկեք բոլորը ընտրողն ու հռչակագիրը: Ճիշտ այնպես, ինչպես փաստաթղթային մակարդակի ոճով, կանոնակարգի սինթետիկան հետեւյալն է.
ընտրող {property: value;}Պահեք այս կանոնները տեքստային ֆայլի մեջ, extension .css: Սա պահանջվում է, բայց դա լավ սովորություն է մտել, այնպես որ կարող եք անմիջապես ճանաչել ձեր ոճաթերթերը ցուցակների ցուցակում:
Երբ դուք ունեք ոճաթերթիկի փաստաթուղթ, դուք պետք է կապեք այն ձեր վեբ էջերին : Դա կարելի է անել երկու եղանակով.
- Կապելով
- Ոճաթերթիկի հղման համար դուք օգտագործում եք HTML պիտակը: Սա ունի հատկանիշներ rel , type եւ href : The rel attribute- ը պատմում է, թե ինչ կապող եք (այս դեպքում ոճաթերթ), տեսակը սահմանում է MIME- տիպը բրաուզերի համար, եւ href - ը .css ֆայլի ուղին է:
- Ներմուծում
- Դուք օգտագործում եք ներմուծված ոճաթերթեր փաստաթղթի մակարդակի ոճաթերթերի թերթիկի շրջանակում, որպեսզի դուք կարող եք ներմուծել արտաքին ոճի թերթիկի հատկանիշներ, չկորցնելով որեւէ փաստաթղթի կոնկրետ դրույթներ: Դուք զանգահարեք նույն ձեւով, զանգահարելով կապված ոճաթերթերի թերթիկին, միայն այն պետք է զանգահարել փաստաթղթի մակարդակի ոճով հռչակագրի ներքո: Կարող եք ներմուծել շատ արտաքին ոճի թերթեր, քանի որ անհրաժեշտ է պահպանել ձեր վեբ կայքը:
Իրական հոդվածը Ջենիֆեր Քրինինն է: Խմբագրվել է Ջերեմի Գիրարդը 8/8/17 թ .: