Կայքի տեսքն ու զգացումը կամ «ոճը» թելադրված է CSS- ով (Cascading Style Sheets): Սա ֆայլ է, որը կավելացնի ձեր կայքի գրացուցակը, որը պարունակում է տարբեր CSS կանոններ, որոնք ստեղծում են ձեր էջերի վիզուալ ձեւավորում եւ դասավորություն:
Թեեւ կայքերն օգտագործում են, եւ հաճախ անում են, օգտագործում են բազմաթիվ ոճաթերթեր, անհրաժեշտ չէ դա անել: Դուք կարող եք տեղադրել ձեր բոլոր CSS կանոնները մեկ ֆայլի մեջ, եւ իրականում այն օգուտներ կընձեռի, այդ թվում ` ավելի արագ բեռնվածության ժամանակը եւ էջերի կատարումը , քանի որ դրանք չեն պահանջվում մի քանի ֆայլեր վերցնել: Չնայած շատ մեծ է, ձեռնարկության կայքերը երբեմն պետք է առանձին ոճերի թերթիկների կարիք ունենան, շատ փոքր եւ միջին կայքեր կարող են կատարելապես տուգանել միայն մեկ ֆայլով: Սա այն է, ինչ ես օգտագործում եմ իմ վեբ-դիզայնի մեծամասնության համար `մեկ CSS ֆայլեր, որոնք անհրաժեշտ են իմ էջերի բոլոր կանոններին: Այսպիսով հարցն այժմ դառնում է, ինչ պետք է անվանեք այս CSS ֆայլը:
Անվանարկելով Կոնվենցիայի հիմունքները
Երբ ստեղծում եք արտաքին ոճի թերթիկ ձեր վեբ էջերի համար, դուք պետք է անվանեք այն ֆայլը, որը կցուցադրի նմանատիպ անվանափոխման կոնվենցիաների ձեր HTML ֆայլերը:
Մի օգտագործեք հատուկ բնավորություններ
Դուք պետք է օգտագործեք միայն ձեր տեքստային նիշերը, 0-9 համարները, ներքեւում (_) եւ գծերը (-) ձեր CSS ֆայլի անուններում: Թեեւ ձեր ֆայլային համակարգը թույլ է տալիս ձեզ ստեղծել այլ նիշերով ֆայլեր, ձեր սերվերի OS- ն կարող է խնդիրներ ունենալ հատուկ նիշերով: Դուք ավելի անվտանգ եք, օգտագործելով միայն նշված նիշերը: Ի վերջո, նույնիսկ եթե ձեր սերվերը թույլ է տալիս հատուկ հերոսների համար, դա չի կարող լինել այն դեպքը, երբ որոշում եք տեղափոխել հոսթինգի մատակարարները ապագայում:
Մի օգտագործեք որեւէ տարածություն
Պարզապես հատուկ նիշերով, տարածությունները կարող են խնդիրներ առաջացնել ձեր վեբ սերվերի վրա: Լավագույն գաղափարն այն է, որ դրանք ձեր ֆայլի անուններից խուսափեն: Ես նույնիսկ այնպիսի կետ է դարձնում, որ այսպիսի կոնվենցիաների միջոցով PDF- ների նման ֆայլեր անվանեմ, հենց այն դեպքում, երբ ես երբեւէ նրանց անհրաժեշտ է ավելացնել դրանք: Եթե կարծում եք, որ ֆայլի անունն ավելի հեշտ կարդալու համար անհրաժեշտ է տարածք, ապա դրա փոխարեն ընտրել գծերը կամ գծերը: Օրինակ, օգտագործելու փոխարեն «սա file.pdf է», ես օգտագործում եմ «this-is-the-file.pdf»:
Ֆայլի անունը պետք է սկսվի նամակով
Թեեւ սա բացարձակ պահանջ չէ, որոշ համակարգեր խնդիրներ ունեն ֆայլի անուններով, որոնք չեն սկսվում նամակով: Օրինակ, եթե ընտրեք ձեր ֆայլը թվանշանով, ապա դա կարող է խնդիրներ առաջացնել:
Օգտագործեք բոլոր ստորին գործը
Թեեւ սա ֆայլի անվանման համար անհրաժեշտ չէ, դա լավ գաղափար է, քանի որ որոշ վեբ սերվերներ գործի զգայուն են, եւ եթե դուք մոռանում եք եւ ֆայլի մասին այլ դեպքերում հղում եք, ապա այն չի բեռնելու: Իմ սեփական աշխատանքում ամեն ֆայլի անվան համար օգտագործում եմ նիշերի նիշերը: Ես իրականում գտել եմ այն մի բան, որ շատ նոր վեբ դիզայներները պայքարում են հիշելու: Նրանց նախնական գործողությունը, երբ ֆայլը անվանելն է, կապիտալիզացնել անունի առաջին բնույթը: Խուսափեք սա եւ միայն փոքրատառ նիշերի սովորության մեջ:
Ֆայլի անունը պահել որպես հնարավորինս կարճ
Թեեւ շատ օպերացիոն համակարգերում ֆայլի անվան չափի սահմանը կա, այն շատ ավելի երկար է, քան CSS- ի ֆայլի անունը: Լավագույն կանոնը կախված է ֆայլի անվան համար ոչ ավելի քան 20 նիշից, ներառյալ ընդլայնումը: Իրատեսորեն, ինչ-որ բան ավելի երկար է, քան անտեղի է աշխատել եւ կապել ամեն դեպքում:
Ձեր CSS ֆայլի անունի ամենակարեւոր մասը
CSS- ի ֆայլի անունի ամենակարեւոր մասը ոչ թե ֆայլի անունն է, այլ ընդլայնումը: Extensions չեն պահանջվում Macintosh եւ Linux համակարգերում, սակայն լավ գաղափար է, այնուամենայնիվ, մի CSS- ի ֆայլ գրելիս: Այդ կերպ դուք միշտ գիտեք, որ դա ոճաթերթ է եւ չպետք է բացել ֆայլը `որոշելու, թե ինչ է այն ապագայում:
Դա երեւի մեծ անակնկալ չէ, բայց ձեր CSS ֆայլի ընդլայնումը պետք է լինի.
.cssCSS ֆայլի անվանակոչման կոնվենցիաները
Եթե դուք միայն երբեւէ կունենաք մեկ CSS ֆայլ, ապա կարող եք անվանել այն, ինչ ցանկանում եք: Ես նախընտրում եմ կամ `
styles.css կամ default.cssՔանի որ ես աշխատում եմ կայքերի մեծ մասի մեջ ընդգրկել միայն մեկ CSS ֆայլեր, այդ անունները լավ են աշխատում:
Եթե Ձեր կայքը կօգտագործի բազմակի CSS ֆայլեր, ապա նրանց գործառույթից հետո նշեք ոճի թերթերը, այնպես որ պարզ է, թե ինչ է յուրաքանչյուր ֆայլի նպատակը: Քանի որ վեբ էջը կարող է ունենալ մի քանի ոճաթերթեր, որոնք կցված են դրանց վրա, այն օգնում է բաժանել ձեր ոճերը տարբեր թերթերում, կախված այդ թերթիկի գործառույթից եւ ոճերի մեջ: Օրինակ:
- Դասավորություն vs Դիզայն layout.css design.css
- Էջի բաժին main.css nav.css
- Ամբողջ կայքը ստորաբաժանումներով, mainstyles.css subpage.css
Եթե ձեր կայքը օգտագործում է ինչ-որ տեսակի շրջանակ, ապա, ամենայն հավանականությամբ, նկատի ունեք, որ այն օգտագործում է բազմաթիվ CSS ֆայլեր, որոնցից յուրաքանչյուրը նվիրված է կայքի էջերի կամ մասերի տարբեր մասերին (տիպաբանություն, գույն, դասավորություն եւ այլն):
Իրական հոդվածը Ջենիֆեր Քրինինն է: Վերափոխվել է Ջերեմի Գիրարդը 9/5/17 թ .: