Ինչ է CSS, եւ որտեղ է օգտագործվում:

Որոնք են Cascading Style Sheets- ը:

Կայքերը բաղկացած են մի շարք անհատական ​​կտորներից, ներառյալ պատկերները, տեքստը եւ տարբեր փաստաթղթերը: Այս փաստաթղթերը ներառում են ոչ միայն այն էջերը, որոնք կարող են կապվել տարբեր էջերից, ինչպես PDF ֆայլեր, այնպես էլ փաստաթղթեր, որոնք օգտագործվում են էջերի վրա կառուցելու համար, ինչպես HTML փաստաթղթերը, էջի կառուցվածքը եւ CSS- ն (Cascading Style Sheet) փաստաթղթերը թելադրել էջի տեսքը: Այս հոդվածը կքննարկվի CSS- ի մեջ, որը լուսաբանում է այն, ինչն է եւ որտեղ այն օգտագործվում է այսօրվա կայքերում:

CSS պատմության դաս

CSS- ը առաջին անգամ ստեղծվել է 1997-ին, որպես վեբ-մշակողների ձեւ, որը սահմանում է ստեղծած վեբ-էջերի տեսողական տեսքը: Նախատեսված էր, որ վեբ-մասնագետները թույլ տան, որ վեբ-կայքի նախագծի բովանդակությունն ու կառուցվածքը առանձնացված լինեն վիզուալ դիզայնից, որը մինչ այդ չի եղել:

Կառուցվածքի եւ ոճի առանձնացումը հնարավորություն է տալիս HTML- ին կատարել ավելի շատ գործառույթ, որը սկզբնապես հիմնված էր բովանդակության շեղման վրա `առանց մտահոգվելու էջի նախագծման եւ դասավորության մասին, որը սովորաբար հայտնի է որպես« տեսք եւ զգում »: Էջի էջը:

CSS- ը չի հասել ժողովրդականությանը այնքան ժամանակ, մինչեւ 2000 թ., Երբ վեբ բրաուզերները սկսեցին ավելի շատ օգտագործել այս տեքստի լեզվի հիմնական տառատեսակը եւ գունային ասպեկտները: Այսօր բոլոր ժամանակակից բրաուզերները սատարում են բոլոր CSS մակարդակները, CSS- ի 2-րդ մակարդակի մեծ մասը, եւ նույնիսկ CSS- ի 3-րդ մակարդակի առավելագույն կողմերը: Քանի որ CSS- ն շարունակում է զարգանալ եւ նոր ոճեր են ներկայացվել, վեբ բրաուզերները սկսել են իրականացնել մոդուլներ, որոնք նոր CSS աջակցություն են բերում այդ բրաուզերներին եւ վեբ դիզայներներին տալիս են հզոր նոր ստիլիզացիոն գործիքներ աշխատելու համար:

Շատ տարիների ընթացքում ընտրվել են վեբ դիզայներներ, որոնք հրաժարվել են օգտագործել CSS- ի նախագծման եւ զարգացման համար CSS- ները, սակայն այդ պրակտիկան, սակայն, այսօր դուրս է եկել ոլորտից: CSS- ն այժմ վեբ դիզայնի լայնորեն օգտագործված ստանդարտն է եւ ձեզ համար դժվար կլինի ճշտել, թե ով է այսօր աշխատում արդյունաբերության մեջ, որը չունեն առնվազն այս լեզվի հիմնական ըմբռնումը:

CSS- ը հապավումը

Ինչպես արդեն նշվեց, CSS- ի տերմինը կանգնած է «Կասկադինգի ոճը թերթիկի» համար: Եկեք խախտենք այս արտահայտությունը, որպեսզի ավելի լիովին բացատրենք, թե ինչ են անում այդ փաստաթղթերը:

«Style sheet» բառը վերաբերում է փաստաթղթի ինքնին (HTML- ի նման, CSS- ի ֆայլերը իսկապես ուղղակի տեքստային փաստաթղթեր են, որոնք կարող են խմբագրվել տարբեր ծրագրերով): Style թերթերը երկար տարիներ օգտագործվել են փաստաթղթերի նախագծման համար: Նրանք տեխնիկական բնութագրեր են դասավորության համար `տպագիր կամ առցանց: Print դիզայներները երկար ժամանակ օգտագործեցին ոճի թերթիկները `ապահովելու համար, որ իրենց նմուշները տպագրվեն հենց իրենց բնութագրերով: Վեբ էջի ոճաթերթը ծառայում է նույն նպատակին, սակայն լրացուցիչ ֆունկցիոնալությամբ, ինչպես նաեւ վեբ բրաուզերի համար, թե ինչպես պետք է դիտել փաստաթուղթը: Այսօր CSS ոճի թերթիկները կարող են նաեւ օգտագործել լրատվամիջոցների հարցումները , փոխելու էջը տարբեր սարքերի եւ էկրանի չափերի համար : Սա աներեւակայելի կարեւորություն ունի, քանի որ թույլ է տալիս HTML- ի մեկ այլ փաստաթուղթ տարբեր կերպ ներկայացնել, այն օգտագործելու համար օգտագործվող էկրանին:

Կասկադը իսկապես առանձնահատուկ մասն է, «կաշկանդված ոճաթերթ»: Ինտերնետային ոճի թերթիկը նախատեսված է այդ թերթիկի ոճերի շարքի միջոցով, ինչպես ջրվեժի վրա գտնվող գետը: Գետի ջուրը հարվածում է ջրվեժի բոլոր ժայռերին, բայց միայն ներքեւում գտնվողները հենց այնտեղ են, որտեղ ջուրը հոսում է: Նույնը վերաբերում է վեբ կայքի ոճաթերթերի կասկադին:

Յուրաքանչյուր վեբ էջի վրա ազդում է առնվազն մեկ ոճաթերթ, նույնիսկ եթե վեբ դիզայները չի կիրառում որեւէ ոճ: Այս ոճաթերթը օգտագործողի գործակալի ոճաթերթն է , որը նաեւ հայտնի է որպես կանխադրված ոճեր, որոնք վեբ դիտարկիչը կօգտագործի էջը ցուցադրելու համար, եթե այլ հրահանգներ չեն տրամադրվում: Օրինակ, լռակյաց կերպով հիպերհղումները ձեւավորված են կապույտ եւ ընդգծվում են: Այդ ոճերը գալիս են վեբ դիտարկչի ստանդարտ ոճաթերթից: Եթե ​​վեբ դիզայները տրամադրում է այլ հրահանգներ, ապա զննարկիչը պետք է իմանա, թե որ հրահանգներն ունեն նախադեպեր: Բոլոր բրաուզերները ունեն իրենց սեփական լռելյայն ոճերը, սակայն դրանցից շատերը (ինչպես նաեւ կապույտ գծերով տեքստային հղումներ) տարածվում են բոլոր կամ ամենախոշոր բրաուզերների եւ տարբերակների վրա:

Բրաուզերի լռելյայն օրինակներից մեկի համար, իմ վեբ դիտարկիչում, չափման տառատեսակը « Times New Roman » տառատեսակն է, որը ցուցադրվում է 16-ում: Այստեղից գրեթե ոչ մեկը չի այցելում այդ տառատեսակի ընտանիքի եւ չափի մեջ: Դա այն է, որ կասկադը սահմանում է, որ երկրորդ ոճերը, որոնք ստեղծում են դիզայներների կողմից, վերաիմաստավորելու տառատեսակը եւ ընտանիքը, գերազանցելով իմ վեբ բրաուզերի նախնական արժեքները: Վեբ էջի համար ստեղծված ցանկացած ոճի թերթիկները կունենան ավելի կոնկրետություն, քան զննարկիչի ստանդարտ ոճերը, այնպես որ այդ կանխադրվածները կիրառվում են միայն այն դեպքում, եթե ձեր ոճաթերթիկը չի գերադասում դրանք: Եթե ​​ուզում եք կապեր լինել կապույտ եւ ընդգծված, դուք պետք չէ որեւէ բան անել, քանի որ այն կանխադրված է, բայց եթե ձեր կայքի CSS ֆայլը նշում է, որ հղումները պետք է լինեն կանաչ, ապա այդ գույնը կկիրառի ստանդարտ կապույտ: Նշվածը կմնա այս օրինակում, քանի որ այլ կերպ չեք նշում:

Որտեղ է օգտագործվում CSS- ը:

CSS- ը կարող է նաեւ սահմանել, թե ինչպես պետք է վեբ-էջերը նայել այլ լրատվամիջոցներում, քան զննարկիչը: Օրինակ, կարող եք ստեղծել տպագիր ոճաթերթիկ, որը կբացահայտի, թե ինչպես է վեբ էջը տպագրվում: Քանի որ վեբ էջի տարրերը, ինչպիսիք են նավիգացիոն կոճակները կամ վեբ ձեւերը, տպագիր էջում նպատակ չեն ունենալու, Print Style Sheet- ը կարող է օգտագործվել այն տարածքները «միացնելու» համար, երբ էջը տպագրվում է: Չնայած շատ կայքերում սովորական պրակտիկա չկար, տպագիր ոճի թերթիկների ստեղծման տարբերակը հզոր է եւ գրավիչ (իմ փորձով `շատ վեբ մասնագետները չեն անում դա պարզապես այն պատճառով, որ կայքի բյուջեն չի պահանջում կատարել այս լրացուցիչ աշխատանքը ):

Ինչու է CSS կարեւորը:

CSS- ը վեբ դիզայներ կարող է սովորել ամենահզոր գործիքներից մեկը, քանի որ դրա հետ դուք կարող եք ազդել կայքի վառ տեսքի վրա: Լավ գրված ոճաթերթերը կարող են արագ թարմացվել եւ թույլատրել կայքերը փոխել այն, ինչը գերադասելի է տեսանելի էկրանին, որն էլ իր հերթին ցույց է տալիս արժեքը եւ կենտրոնանում այցելուներին, առանց HTML- ի հիմքի վրա անհրաժեշտ փոփոխությունների:

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

Քանի որ CSS- ն կարող է կասեցնել եւ միավորել, եւ հաշվի առնելով, թե տարբեր բրաուզերները կարող են տարբեր կերպ մեկնաբանել եւ իրականացնել դիրեկտիվները, CSS- ը կարող է ավելի բարդ լինել, քան սովորել HTML- ը: CSS- ն նաեւ փոխում է բրաուզերների այնպես, որ HTML- ը իսկապես չի գործում: Երբ դուք սկսում եք օգտագործել CSS- ը, կտեսնեք, որ ոճերի թերթիկների հզորությունը ձեզ անհավատալի ճկունություն կտա, թե ինչպես եք տեղադրել վեբ էջերը եւ սահմանել նրանց տեսքը եւ զգալ: Ճանապարհին դուք կկարողանաք անցյալում աշխատել ձեր ոճերի եւ մոտեցումների մի «տուփի տոպրակներ» եւ որոնք կարող եք կրկին դիմել, երբ ապագայում նոր էջեր եք կառուցում:

Իրական հոդվածը Ջենիֆեր Քրինինն է: Վերափոխվել է Ջերեմի Գիրարդը, 7/5/17,