Դուք նայեցիք շատ հին կայքէջում եւ դիտում HTML- ի անսովոր տեքստը: Շատ տարիներ առաջ վեբ դիզայներները, իրոք, իրենց HTML էջերի տառատեսակները կստեղծեին HTML- ի ներսում, սակայն կառուցվածքի (HTML) եւ ոճի (CSS) առանձնացումը միանգամից հեռացավ այս պրակտիկայից:
Վեբ դիզայնի վրա այսօր պիտակը հերքված է: Սա նշանակում է, որ պիտակը այլեւս HTML հատկորոշման մի մասն է: Մինչ որոշ զննարկիչներ դեռեւս աջակցում էին այս պիտակը, այն չեղարկվելուց հետո, այն այլեւս չի աջակցվում HTML5- ում, որը հանդիսանում է լեզվի վերջին կրկնօրինակումը: Սա նշանակում է, որ պիտակը այլ HTML փաստաթղթերում չպետք է գտնվի:
Տառատեսակի պիտակի այլընտրանքը
Եթե HTML էջի ներսում տեքստի տառատեսակը պիտակով չեք կարողանում տեղադրել, ապա ինչ պետք է օգտագործեք: Կասկադի ոճի թերթիկները (CSS) այն են, թե ինչպես եք ստեղծել տառատեսակների ոճերը (եւ բոլոր տեսողական ոճերը) այսօր: CSS- ն կարող է անել այն նույն բաները, որոնք կարող են անել պիտակը, գումարած շատ ավելին: Եկեք ուսումնասիրենք, թե ինչ պիտակ կարող է անել այն ժամանակ, երբ դա մեր HTML էջերի տարբերակն էր (հիշեք, այն այլեւս չի աջակցվում, ուստի դա տարբերակ չէ) եւ համեմատել CSS- ի հետ:
Փոխելով տառատեսակի ընտանիքը
Տառատեսակի դեմքը տառատեսակի դեմքը կամ ընտանիքն է: Տառատեսակի պիտակի հետ Դուք օգտագործում եք «դեմքը» հատկանիշը եւ անհրաժեշտ է, որ այս փաստաթուղթը շատ, բազմիցս անգամ տեքստի յուրաքանչյուր հատվածի առանձին տառատեսակներ սահմանեն: Եթե ձեզ հարկավոր էր այդ տառատեսակով վերափոխել փոփոխություններ, դուք ստիպված եղեք փոխել այդ անհատական պիտակների ամեն մեկը: Օրինակ:
այս տառատեսակը sans-serif չէCSS- ում «դեմքի» տառի փոխարեն այն կոչվում է «ընտանիք» տառատեսակը: Դուք գրում եք CSS ոճը, որը սահմանում է տառատեսակը: Օրինակ, եթե ցանկանում եք էջի էջի բոլոր տեքստը տեղադրել Garamond- ին, կարող եք ավելացնել այդ տեսողական ոճը:
body {font-family: Garamond, Times, serif; }Այս CSS ոճը կարող է կիրառել Garamond տառատեսակի ընտանիքը ամեն ինչի վրա, քանի որ փաստաթուղթը յուրաքանչյուր տարրը հանդիսանում է
Փոխելով տառատեսակի գույնը
Ինչպես դեմքի, դուք օգտագործում եք «գույնի» հատկանիշը եւ hex կոդերը կամ գունային անունները `ձեր տեքստի գույնը փոխելու համար: Տարիներ առաջ դուք նույնպես կստեղծեիք դա անհատական տեքստային տարրերի վրա, ինչպես նաեւ վերնագրի պիտակը:
այս տառատեսակը մանուշակագույն էԱյսօր դուք պարզապես գրեք CSS- ի գիծ:
Սա շատ ավելի ճկուն է: Եթե Ձեզ անհրաժեշտ է փոխել
Ձեր կայքի յուրաքանչյուր էջում դուք կարող եք կատարել մեկ փոփոխություն ձեր CSS ֆայլում եւ այն ամեն էջը, որը օգտագործում է այդ ֆայլը, կթարմացվի:
Հին հետ
Օգտագործելով CSS- ն, տեսողական ոճերը թելադրելու համար արդեն երկար տարիներ եղել է վեբ դիզայների ստանդարտ, այնպես որ, եթե դուք իսկապես նայում եք էջի վրա, որը դեռ օգտագործում է պիտակը, ապա դա շատ հին էջ է եւ այն պետք է վերափոխվի, որպեսզի համապատասխանեն ընթացիկ ցանցին դիզայնի լավագույն փորձը եւ ժամանակակից վեբ ստանդարտները:
Խմբագրված է Ջերեմի Գիրարդը