Ùî òàêå css?

Ùî òàêå CSS?

Ìîâà â íàø³é ñòàòò³ ï³äå ïðî ñàéòè ³ ¿õ ïðîãðàìóâàíí³. CSS ³ñòîòíî ïîëåãøóº çàâäàííÿ ðîçðîáíèê³â, ïðàêòè÷íî, â³í ïåðåâîäèòü öþ ðîáîòó íà àáñîëþòíî íîâèé ð³âåíü. Äàâàéòå ðîçáåðåìîñÿ ç òåõíîëî㳺þ CSS.

Ùî òàêå CSS ³ äëÿ ÷îãî öå ïîòð³áíî

Ðîçøèôðîâóºòüñÿ öåé íàïèñ, çäàâàëîñÿ á, ïðîñòî - êàñêàäí³ òàáëèö³ ñòèë³â. Îäíàê äàëåêî íå êîæíîìó îáèâàòåëþ çðîçóì³ëî, ïðî ùî éäå ìîâà. Íàâ³ùî æ ïîòð³áí³ ö³ òàáëèö³ ñòèë³â. ¯õ çàâäàííÿ - â³äîêðåìèòè ñòèëü îôîðìëåííÿ ñòàíèö³ â³ä ¿¿ çì³ñòó. Ñïðàâà â òîìó, ùî äî ïîÿâè CSS, â HTML-êîä ïðîïèñóâàëè âñþ ³íôîðìàö³þ ïðî ñòîð³íêó, â òîìó ÷èñë³ êîë³ð, ðîçì³ð ³ ïàðàìåòðè îôîðìëåííÿ. Äëÿ òîãî ùîá çì³íèòè îäíó êîñìåòè÷íó äåòàëü ñàéòó, äîâîäèëîñÿ ïåðåïèñóâàòè ïîâí³ñòþ âñ³ ñòîð³íêè HTML-êîäó. Ïîãîäüòåñÿ, öå íåçðó÷íî.

Ïðè ñòâîðåíí³ ñàéòó ïîòð³áíî áóëî ïðîäóìàòè âñå áåç âèíÿòêó äåòàë³ ³ íàïèñàòè ïîâí³ñòþ éîãî êîä. ϳñëÿ ÷îãî ñàéò ïîçáàâëÿâñÿ áóäü-ÿêî¿ ìîæëèâîñò³ íîðìàëüíî ðåäàãóâàòèñÿ. ßêùî ò³ëüêè ïðîãðàì³ñò íå ïîë³íóºòüñÿ âèêîíàòè âñþ ðîáîòó çàíîâî. CSS çáåð³ãຠîïèñó òà ïàðàìåòðè êîæíîãî îá`ºêòà â îêðåìîìó ñàéò³. Ïðè â³äòâîðåíí³ åëåìåíò³â ñòîð³íêè, áðàóçåð ïðîñòî ïðîõîäèòü ïî ïîñèëàííþ çàçíà÷åíî¿ â éîãî êîä³, ³ çàâàíòàæóº âñ³ åëåìåíòè ç ïîòð³áíîãî CSS-ôàéëó. ×èì á³ëüøå áóäå ïðèäóìàíî ñòèë³â ³ ñòâîðåíî ôàéë³â, òèì êðàùå áóäå äèçàéí ñàéòó. Âåëèêà ê³ëüê³ñòü äåòàëåé, ïðîïèñàíèõ â CSS ôàéëàõ, äຠïðîñò³ð äëÿ óÿâè.

Ùî òàêå CSS êîä

ÑSS äîçâîëÿº îòðèìàòè ïîâíèé êîíòðîëü íàä â³çóàëüíèìè åôåêòàìè ñàéòó. Ó íàø ÷àñ HTML-êîä ³ éîãî ñïîñ³á ðîçì³òêè â³ä³éøëè íà äðóãèé ïëàí. Æîäåí òâîðåöü ñàéòó íå áóäå âèêîðèñòîâóâàòè HTML äëÿ îôîðìëåííÿ ñòîð³íêè. Öå êîëîñàëüíî íåçðó÷íî ³ äîâãî. Òåïåð á³ëüø³ñòü ïðîãðàì³ñò³â âèêîðèñòîâóþòü CSS. Ñèñòåìà äຠíå ò³ëüêè çðó÷í³ñòü êîíòðîëþ, àëå ³ éîãî ãíó÷ê³ñòü. Ó CSS ìîæíà çðîáèòè íàáàãàòî á³ëüøå åëåìåíò³â ³ äàòè ¿ì á³ëüø ñêëàäí³ êîìàíäè, í³æ â ìîâ³ HTML.



Ùîá ó ÿêîãîñü åëåìåíòó áóëè ïåâí³ õàðàêòåðèñòèêè, âè ïîâèíí³ îïèñàòè öåé åëåìåíò ò³ëüêè îäèí ðàç ³ âèçíà÷èòè öåé îïèñ ÿê ñòèëü. ϳñëÿ òðåáà áóäå ïðîñòî âêàçóâàòè, ùî åëåìåíò, ÿêèé âè õî÷åòå îôîðìèòè, ïðèéìຠâëàñòèâîñò³ îïèñàíîãî ñòèëþ.

Çáåð³ãàòè îïèñ ñòèëþ êðàùå îêðåìèì ôàéëîì, òîä³ âè çìîæåòå âèêîðèñòîâóâàòè éîãî äëÿ ïîòð³áíîãî âàì ê³ëüêîñò³ web-ñòîð³íîê. Òàê ñàìî ìîæíà ïîì³íÿòè îôîðìëåííÿ áóäü-ÿêî¿ ê³ëüêîñò³ ñòîð³íîê, çì³íèâøè îïèñ ñòèëþ.

CSS äîçâîëÿº çðó÷í³øå ïðàöþâàòè ç äèçàéíîì ñàéò³â, ïðè öüîìó íå îáòÿæóþ÷è ñòîð³íêè.

Îñâî¿òè CSS ìîæíà ñàìîñò³éíî çà äîïîìîãîþ â³äåîóðîê³â àáî ïîêðîêîâèõ ³íñòðóêö³é.



Óâàãà, ò³ëüêè ÑÜÎÃÎÄͲ!