Ópoê 1
×òo òaêoe CSS?

Oãëaâëeíèe (â íoâoì oêíe)
Bíèç

Boçìoæío, âû yæe cëûøaëè o CSS, ío íe çíaeòe, ÷òo ýòo òaêoe? B ýòoì ypoêe âû yçíaeòe, ÷òo òaêoe CSS è ÷òo oí ìoæeò cäeëaòü äëÿ âac.

CSS ýòo aêpoíèì äëÿ Cascading Style Sheets/ Kacêaäíûx òaáëèö còèëeé.

×òo ìoæío äeëaòü c ïoìoùüþ CSS?

CSS ýòo ÿçûê còèëeé, oïpeäeëÿþùèé oòoápaæeíèe HTML-äoêyìeíòoâ. Haïpèìep, CSS paáoòaeò c øpèôòaìè, öâeòoì, ïoëÿìè, còpoêaìè, âûcoòoé, øèpèíoé, ôoíoâûìè èçoápaæeíèÿìè, ïoçèöèoíèpoâaíèeì ýëeìeíòoâ è ìíoãèìè äpyãèìè âeùaìè. Ïoòepïèòe, è yâèäèòe!

HTML ìoæeò (íeïpaâèëüío) ècïoëüçoâaòücÿ äëÿ oôopìëeíèÿ web-caéòoâ. Ho CSS ïpeäocòaâëÿeò áoëüøèe âoçìoæíocòè è áoëee òo÷eí è ïpopaáoòaí. CSS, ía ceãoäíÿøíèé äeíü, ïoääepæèâaeòcÿ âceìè ápayçepaìè (ïpoãpaììaìè ïpocìoòpa).

Ïpo÷èòaâ ëèøü íecêoëüêo ypoêoâ ýòoão y÷eáíèêa, âû cìoæeòe coçäaâaòü coácòâeííûe òaáëèöû còèëeé è ècïoëüçoâaòü CSS äëÿ ïpèäaíèÿ âaøeìy web-caéòy âeëèêoëeïíoão âèäa.

B ÷eì paçíèöa ìeæäy CSS è HTML?

HTML ècïoëüçyeòcÿ äëÿ còpyêòypèpoâaíèÿ coäepæèìoão còpaíèöû. CSS ècïoëüçyeòcÿ äëÿ ôopìaòèpoâaíèÿ ýòoão còpyêòypèpoâaííoão coäepæèìoão.

Coãëaceí, ýòo çây÷èò êaê-òo çayìío. Ho, ïoæaëyécòa, ÷èòaéòe äaëüøe. Bcêope âce ía÷íeò ïpoÿcíÿòücÿ.

Äaâíûì-äaâío, êoãäa Maäoíía áûëa äeâoé, a ïapeíü ïo èìeíè Tim Berners Lee èçoápeë World Wide Web, ÿçûê HTML ècïoëüçoâaëcÿ òoëüêo äëÿ âûâoäa còpyêòypèpoâaííoão òeêcòa. Aâòop ìoã òoëüêo paçìe÷aòü òeêcò: "ýòo - çaãoëoâoê" èëè "ýòo - ïapaãpaô", ècïoëüçyÿ HTML- òýãè, òaêèe êaê <h1> è <p>.

Ïo ìepe paçâèòèÿ Web äèçaéíepû ía÷aëè ècêaòü âoçìoæíocòè ôopìaòèpoâaíèÿ oíëaéíoâûx äoêyìeíòoâ. ×òoáû yäoâëeòâopèòü âoçpocøèì òpeáoâaíèÿì ïoòpeáèòeëeé, ïpoèçâoäèòeëè ápayçepoâ (òoãäa - Netscape è Microsoft) èçoápeëè íoâûe HTML-òýãè, òaêèe, íaïpèìep, êaê <font>, êoòopûe oòëè÷aëècü oò opèãèíaëüíûx HTML-òýãoâ òeì, ÷òo oíè oïpeäeëÿëè âíeøíèé âèä, a íe còpyêòypy.

Ýòo òaêæe ïpèâeëo ê òoìy, ÷òo opèãèíaëüíûe òýãè còpyêòypèpoâaíèÿ, òaêèe êaê <table>, còaëè âce áoëüøe ïpèìeíÿòücÿ äëÿ äèçaéía còpaíèö âìecòo còpyêòypèpoâaíèÿ òeêcòa. Míoãèe íoâûe òýãè äèçaéía, òaêèe êaê <blink>, ïoääepæèâaëècü òoëüêo oäíèì ápayçepoì. "Baì íeoáxoäèì ápayçep X äëÿ ïpocìoòpa ýòoé còpaíèöû" - òaêoé oòêaç còaë oáû÷íûì ÿâëeíèeì ía web- caéòax.

CSS áûë coçäaí äëÿ ècïpaâëeíèÿ ýòoé cèòyaöèè ïyòeì ïpeäocòaâëeíèÿ web- äèçaéíepaì âoçìoæíocòeé òo÷íoão äèçaéía, ïoääepæèâaeìûx âceìè ápayçepaìè. Oäíoâpeìeíío ïpoèçoøëo paçäeëeíèe ïpeäcòaâëeíèÿ è coäepæèìoão äoêyìeíòa, ÷òo çía÷èòeëüío yïpocòèëo paáoòy.

Kaêèe ïpeèìyùecòâa äacò ìíe CSS?

Ïoÿâëeíèe CSS còaëo peâoëþöèeé â ìèpe web- äèçaéía. Koíêpeòíûe ïpeèìyùecòâa CSS:

B cëeäyþùeì ypoêe ìû ïoáëèæe ïoçíaêoìèìcÿ c òeì, êaê peaëüío paáoòaeò CSS è êaê âaì ía÷aòü paáoòy.

Bâepx