Կասկադային ոճաթերթ

Վիքիպեդիայից՝ ազատ հանրագիտարանից

CSS (Cascading Style Sheets), կայքին ձևավորում տալու համար օգտագործվող տեխնոլոգիա։ CSS-ը հիմնականում օգտագործվում է HTML և XHTML ֆորմատի պատկանող վեբ-էջերի ձևավորման համար, սակայն կարող է նաև օգտագործվել ցանկացած տեսակի XML ֆորմատի փաստաթղթերի համար, ներառյալ SVG և XUL։

Նկարագրություն[խմբագրել]

CSS-ը օգտագործվում է վեբ-էջեր նախագծողների կողմից գույները, տառատեսակները, գտնվելու վայրը և այլ նկարագրություններ տալու համար։ CSS-ի հիմնական նպատակը հանդիսանում է այն, որ դրա օգնությամբ առանձնացվում են HTML էջի պարունակությունը և նրա նկարագրությունը, դրանով իսկ էջին հաղորդվում է մատչելիություն, ճկունություն և նրա նկարագրությունը կառավարելու հնարավորություն, ինչպես նաև նվազեցնում է հրամանների կրկնվելը և բարդացնելը։ Բացի այդ CSS-ը թույլ է տալիս տվյալ դոկումենտը ներկայացնել տարբեր ոճերով։ Էջի արտածման ժամանակ CSS-ը կարող է վերցվել տարբեր աղբյուրներից`

Հեղինակային ոճեր`[խմբագրել]

  • Inline-ոճ, երբ HTML էջի շարվածքում նշվում է ոճը style ատրիբուտի միջոցով։
<p style="color:blue;">տեքստ</p>
  • Ներկառուցված ոճ` CSS-ի բլոկներն են գտնվում HTML էջի շարվածքում։
<style>
p{color:blue;}
</style>
  • Արտաքին ոճ` այսինքն ստեղծվում է առանձին .css ֆայլ, որում հղվում է մեր դոկումենտը։
<link type="text/css" rel="stylesheet" href="mystyle.css"/>

Օգտագործողի ոճեր`[խմբագրել]

Առանձին CSS ֆայլ է, որը նշվում է օգտագործողի կողմից` զննարկիչի կարգավորումներում։

Զննարկիչի ոճ[խմբագրել]

Այն ոճն է, որը տրվում է օգտագործվող զննարկիչի կողմից լռելյան պայմանով։

Գրելաձևը[խմբագրել]

Սխեմատիկորեն ոճը նկարագրվում է հեևյալ կերպ`

Նշիչ{
                Հատկանիշ։ արժեք;
                Հատկանիշ։ արժեք;
                Հատկանիշ։ արժեք;
                Հատկանիշ։ արժեք;
                }

Ստանդարտ CSS-ը որոշում է առաջնայությունները, հետևյալ հերթականությամբ`

  1. Հատկանիշը նշված է !important-ի օգնությամբ,
  2. Ոճը նշված է հենց տեգում (inline),
  3. Նույնացուցիչների քանակը(#id) նշիչում,
  4. Կարգերի (.class) և նախա կարգերի(։pseudoclass) քանակը նշիչում,
  5. Նշիչում տեգերի անունների քանակը։

Բացի այդ նշանակություն ունի նաև նկարագրման հատկանիշների հարաբերական հերթականությունը` ավելի ուշ գրված հատկանիշն առաջնայնություն ունի։ Ոճերի աղյուսակների օրինակ.

p {
        font-family: "Garamond", serif;
        } 
h2.class {
         font-size: 110 %;
         color: red;
         background: orange;
        }
#news p {
         color: orange;
         }
.class p {
         color: orange;
         }
[title]{
        color:orange;
        }
p:hover{
        color:orange;
        }</code>

Այստեղ բերված է 3 կանոն p, h2 և #news p նշիչների համար։ Առաջին երկու կանոններում HTML-ի պարբերության և վերնագրի համար նշանակվում են ոճեր, ըստ որոնց պարբերությունը կարտածվի Garamond տառառեսակով, կամ եթե այդ տառատեսակը հասանելի չէ, որևէ այլ տառատեսակով (serif) տիպի։ Երկրորդ դասի վերնագիրը կարտածվի կարմիր տառերով, սպիտակ ֆոնով և մեծացված տառաչափով։ Երրորդ կանոնը վերաբերվում է այն պարբերություններին, որոնք գտնվում են #news id ունեցող էլեմենտների մեջ։