Ի՞նչ է CSS-ը։

Կասկադային ոճային աղյուսակներ (Cascading Style Sheets) — ոճերի լեզու, որը օգտագործվում է փաստաթղթի ներկայացումը նկարագրելու համար, որը գրված է նշանավորման լեզվով (HTML, XHTML, SVG, XML):

Հիմնական CSS գործառույթները:

Ներկայացման բաժանում բովանդակությունից: Հնարավորություն է տալիս փոխել վեբ էջի տեսքը առանց նրա կառուցվածքին փոփոխություններ կատարելու:
Էլեմենտների ձևավորում: Կառավարում գույներով, տառատեսակներով, չափերով, հեռավորություններով, սահմաններով և այլ տեսողական հատկություններով:
Աдапտիվ դիզայնի ստեղծում: Media Queries-ների օգնությամբ կարելի է կիրառել տարբեր ոճեր՝ կախված օգտագործողի սարքի հատկանիշներից (էկրանային լուծում, ուղղություն և այլն):
Աнимациялар և անցումներ: Տեսողական էֆեկտների ստեղծում՝ ինտերակտիվության և օգտագործողի փորձը բարելավելու համար:
Մակետային կառավարման: Էլեմենտների դիրքավորումը էջում՝ օգտագործելով տարբեր տեխնիկաներ (Flexbox, Grid, float և այլն):

CSS կանոնների կառուցվածքը:

/* Սելեկտոր */
h1 {
  /* Հայտարարություններ */
  color: blue; /* Գործառույթ: արժեք; */
  font-size: 24px;
}

CSS-ով HTML փաստաթղթին միացնելու հիմնական եղանակները:

Արտաքին ֆայլ (<link>): Ամենատարածված և խորհուրդ տված եղանակը: Սթայլերը պահվում են առանձին .css ֆայլում:
```
<link rel="stylesheet" href="styles.css">
```
Ներքին <style> տեգում: Սթայլերը անմիջապես նշվում են HTML փաստաթղթում, սովորաբար <head> բաժնում: Հարմար է փոքր սթայլերի կամ արագ փորձարկման համար:
```
<style>
  p {
    line-height: 1.5;
  }
</style>
```
Inline սթայլեր (style ատրիբուտ): Սթայլերը կիրառվում են կոնկրետ HTML էլեմենտի վրա՝ օգտագործելով style ատրիբուտը: Բարձր առաջնահերթություն ունի, բայց դժվարացնում է սպասարկումը և ընդլայնումը:
```
<div style="border: 1px solid black;">
  Սա է inline սթայլով div:
</div>
```

Կասկադայինությունը որոշում է, թե ինչպես է բրաուզերը կիրառելու սթայլերը՝ երբ կան մի քանի կանոններ, որոնք հակասում են միմյանց։ Դիտարկվում են՝

Սելեկտորների առաջնահերթությունը: Ավելի հատուկ սելեկտորները ունեն ավելի բարձր առաջնահերթություն:
Տեսական կարգը: Ավելի ուշ հայտարարած կանոնները նախորդներին վերագրում են նույն առաջնահերթությամբ:
Маълумот (!important): Կանոն, որը նշված է !important-ով, ունի ամենաբարձր առաջնահերթությունը (օգտագործել պետք է զգուշությամբ):
Սթայլերի աղբյուրը: Ստեղծողի սթայլերը ավելի բարձր առաջնահերթություն ունեն, քան օգտատիրոջ կամ բրաուզերի նախնական սթայլերը։