CSS- ը կասկադային ոճի թերթ է, որն օգտագործվում է ինտերնետային ռեսուրսի էջում տեսողական տարրեր ստեղծելու համար: CSS- ում նշված օբյեկտների մատուցումն իրականացվում է HTML նշման լեզվով: Կասկադ սեղաններն իրենք չեն կարող օգտագործվել միայնակ:
Օգտագործելով CSS
CSS- ը ոճային լեզու է, որն իրականացնում է HTML նշագրման տարրերի մատուցում: Կասկադի աղյուսակները թույլ են տալիս հարմարեցնել ընտրանքները, որոնք HTML- ում հնարավոր չէ փոխել: Օրինակ ՝ օգտագործելով ոճի լեզուն ՝ կարող եք խմբագրել տառատեսակի ոճը, գույնը: CSS- ը թույլ է տալիս սահմանել լուսանցքներ, գծեր, լրացում, լայնություն, դիրքի տարրեր և կատարել այն պարամետրերի ելքը, որոնք անհնար է իրականացնել «մաքուր» HTML- ի միջոցով:
Կասկադի ոճի թերթերը աջակցվում են գրեթե բոլոր զննարկիչների կողմից և օգտագործվում են գրեթե ցանկացած վեբ-ռեսուրսի վրա: Նրանք վերահսկում են բովանդակության ցուցադրումը ՝ օգտագործելով նշված լեզուն և թույլ են տալիս վերահսկել իրերի ցուցադրումը տարբեր լրատվամիջոցների համար:
Եթե HTML- ն օգտագործվում է միայն որպես էջի տեքստի կառուցվածքավորման միջոց, CSS- ը թույլ է տալիս հարմարեցնել ցուցադրվող բովանդակության ցուցադրումը:
CSS շարահյուսությունը և դրա ներառումը HTML կոդում
Էջը նախագծելիս նախընտրելի է օգտագործել CSS- ը HTML գործիքների փոխարեն: Փաստն այն է, որ HTML- ն ի սկզբանե միջոցներ չուներ տարրերի գույնը խմբագրելու համար և նախատեսված չէր գույնի և ցուցադրման պարամետրերը սահմանելու համար, ուստի որոշ վեբ մշակողների կողմից HTML նկարագրիչների օգտագործումը կարող է սխալ համարվել:
CSS- ն ունի այլ շարահյուսություն, քան HTML- ը և պիտակների միջոցով ներառված է էջի կոդում: Կարող եք նաև ինտեգրել CSS կոդը, որը գտնվում է առանձին ֆայլում ՝ օգտագործելով պարամետրերի պիտակը.
CSS կոդն ունի որոշակի շարահյուսություն, որը պետք է խստորեն պահպանվի, հակառակ դեպքում գեներացված ոճերը չեն ցուցադրվի էջում: CSS կոդի մի հատվածը կարելի է բաժանել 3 հիմնական տարրերի ՝ ընտրիչ, հատկություն և արժեք: Այս կետերը գրված են հետևյալ կերպ.
ընտրող {հատկություն: արժեք; }
Ընտրողը նշում է այն բռնակը, որի վրա կիրառվում է գեներացված ցուցադրման կանոնը: Հատկության պարամետրը սահմանում է տարրի խմբագրելի կողմը, իսկ արժեքը սահմանում է գույքի համապատասխան տարբերակը: Օրինակ ՝ երկրորդ մակարդակի վերնագրում գույնը փոխելու համար
HTML, կարող եք կիրառել հետևյալ ծածկագիրը.
h2 {գույնը `կարմիր; }
Այս կոդը տեքստի գույնը դնում է կարմիր, որը գտնվում է երկրորդ մակարդակի վերնագրի նկարագրիչի մեջ:
CSS- ն օգտագործում է ստանդարտ HTML գունային աղյուսակ:
Բացի պիտակներից, կարող եք նաև օգտագործել ներքին պիտակները: Օրինակ:
Վերնագիր
Այս կոդը նույնական է վերը նկարագրվածին, այն տարբերությամբ, որ CSS պարամետրերն իրենք են դրվել խմբագրման համար անհրաժեշտ նկարագրիչի ներսում: