CSS.MANUAL.RU



Bâeäeíèe
Cèíòaêcèc CSS
Bêëþ÷eíèe còèëeé â äoêóìeíò
Çía÷eíèÿ câoécòâ
Câoécòâa øpèôòa
Câoécòâa òeêcòa
Câoécòâa öâeòa è ôoía
Câoécòâa oápaìëeíèÿ
Câoécòâa ïoçèöèoíèpoâaíèÿ
Bèçóaëüíûe câoécòâa
Câoécòâa cïècêoâ
Teã SPAN
Còaòüè
Èäeoëoãèÿ CSS
Êaê ècïoëüçoâaòü CSS
Aëôaâèòíûé óêaçaòeëü
Ccûëêè





  Êaê ècïoëüçoâaòü CSS

Bo-ïepâûõ oïpeäeëèòecü, íeoáõoäèìo ëè ècïoëüçoâaòü êacêaäíûe òaáëèöû â âaøèõ äoêóìeíòaõ. Çaïoìíèòe ãëaâíoe: íèêòo íèêoãäa íe âepíeòcÿ ía âaøó còpaíèöó, ÷òoáû ïoëþáoâaòücÿ ee äèçaéíoì. Ho ecëè âû peøèëè ècïoëüçoâaòü CSS, ïpèäepæèâaéòecü cëeäóþùèõ ïpaâèë.

Ecëè âaøa còpaíèöa çaíèìaeò 5Êá a còèëeâoé ôaéë 4Êá, òo paçìep còèëeâoão ôaéëa íaäo óìeíüøèòü êaê ìèíèìóì â 5 paç. Còapaéòecü, ÷òoáû âaøè còèëeâûe ôaéëû çaíèìaëè íe áoëee 500-1000 áaéò. Èía÷e ïpeäcòaâüòe òaêóþ cèòóaöèþ: íeêòo íaøeë âaø caéò â ïoècêoâoé cècòeìe yandex, íaæaë ía ccûëêó è, ïocëe oäíoé ìèíóòû oæèäaíèÿ(çaïoìíèòe, còèëè çaãpóæaþòcÿ äo  HTML còpaíèöû), óâèäeë ïepeä coáoé còpaíèöó c oãëaâëeíèeì, cocòoÿùeì èç ïÿòè ïóíêòoâ. A òeïepü óãaäaéòe, ocòaíeòcÿ ëè oí ía âaøeé còpaíèöe? Ïoceòèòeëü cêopee óéäeò c íee è ïoïûòaeòcÿ çaéòè ía còpaíèöó c aíaëoãè÷íoé òeìaòèêoé(âce ÷epeç òoæe yandex).


  Ècïoëüçóéòe âíeøíèe òaáëèöû còèëeé

Bo-ïepâûõ, ècïoëüçóÿ âíeøíèe òaáëèöû còèëeé, âû ìoæeòe coçäaòü eäèíûé äèçaéí äëÿ âceõ äoêóìeíòoâ âaøeé êoëëeêöèè. Bo-âòopûõ, ecëè ïepeä âaìè âcòaíeò çaäa÷a cìeíû äèçaéía âceõ còpaíèö âaøeão caéòa, âû ëeãêo ýòo cäeëaeòe, ècïpaâèâ ocíoâíoé còèëeâoé ôaéë. B-òpeòüèõ, ecëè ápoóçep ïoceòèòeëÿ íe ïoääepæèâaeò còèëè, òo oí íe çaãpóçèò còèëeâoé ôaéë, ecëè æe âû ècïoëüçóeòe còèëè, âêëþ÷eííûe ïo cpeäcòâaì òeãa <style>, ápoóçep âce paâío çaãpóçèò coäepæèìoe ýòoão òeãa, ïpoèãíopèpoâaâ eão. Ecëè âû õoòèòe èçìeíèòü còèëü êoíêpeòíoão äoêóìeíòa, ïepeoïpeäeëèâ èëè äooïpeäeëèâ êaêèe-òo còèëè âíeøíeão ôaéëa, ècïoëüçóéòe còèëè, oïpeäeëeííûe c ïoìoùüþ òeãa <style>. Còapaéòecü íe ècïoëüçoâaòü âcòpoeííûõ(còèëeé, oïpeäeëeííûõ c ïoìoùüþ aòpèáóòa style) còèëeé âooáùe.


  Còapaéòecü íe ècïoëüçoâaòü câoécòâ ïoçèöèoíèpoâaíèÿ

Ecëè âû c ïoìoùüþ còèëeé oïpeäeëèëè òaêèe câoécòâa äoêóìeíòa, êaê öâeò, paçìep è  ía÷epòaíèe øpèôòoâ, öâeò ôoía, ôoíoâoe èçoápaæeíèe, òèï ìapêepoâ cïècêa è ò.ä, òo  ápoóçep, íe ïoääepæèâaþùèé còèëè, âûâeäeò âaøó còpaíèöó â ïpèeìëeìoì âèäe. To ecòü êoíe÷ío øpèôòû, öâeòa, öâeò ôoía(ecëè âû íe  oïpeäeëèëè çía÷eíèÿ ýòèõ câoécòâ cpeäcòâaìè HTML, òaêèìè êaê aòpèáóòû òeãoâ bgcolor è background) áóäóò oòoápaæaòücÿ íe òaê êaê âû õoòeëè, ío âce æe còpaíèöa áóäeò âïoëíe ÷èòaáeëüíoé. A òeïepü ïpeäcòaâüòe ceáe cèòóaöèÿ, êoãäa âû ècïoëüçoâaëè òaêèe câoécòâa, êaê top, bottom, left, right, position è ò.ä. äëÿ pacïoëoæeíèÿ ýëeìeíòoâ â oêíe ápoóçepa. Êaê ía ýòo oòpeaãèpóeò ápoóçep, íe  ïoääepæèâaþùèé còèëè? Taê ÷òo, êoãäa âû ècïoëüçóeòe CSS, âceãäa äóìaéòe o òoì, êaê áóäóò ïocòóïaòü ápoóçepû, èãíopèpóþùèe còèëè.


  Èçáeãaéòe aácoëþòíûõ eäèíèö äëèíû

Ïpeäcòaâüòe pacïpocòpaíeííóþ cèòóaöèþ: âce coäepæèìoe òaáëèöû âeä ìacòep pacïoëoæèë â òaáëèöe – cïpaâa ìeíþ, cëeâa òeêcò. Ê òoìó æe oí íaçía÷èë òaáëèöe øèpèíó paâíóþ 650 ïèêceëÿì. Ïpè paçpeøeíèè ýêpaía 800x600 còpaíèöa áóäeò cìoòpeòücÿ íopìaëüío. Ho ïpè paçpeøeíèè 1024õ768 oêío ápoóçepa  áóäeò íe öeëèêoì çaïoëíeío, ÷òo áóäeò paçäpaæaòü ïoceòèòeëeé, a ïpè paçpeøeíèè 640x480 ïoëüçoâaòeëü áóäeò âûíóæäeí ècïoëüçoâaòü íèæíþþ ïoëocêó ïpoêpóòêè äëÿ ïpocìoòpa còpaíèöû. Çaïoìíèòe: âaøè ïoceòèòeëè áóäóò ècïoëüçoâaòü caìûe paçíûe paçpeøeíèÿ ýêpaíoâ, ïoýòoìó èçáeãaéòe ècïoëüçoâaíèÿ aácoëþòíûõ eäèíèö, ècïoëüçóéòe ïpoöeíòíûe. Ýòa peêoìeíäaöèÿ, paçóìeeòcÿ, íe oòíocèòcÿ ê èçoápaæeíèÿì.






Bëaäèìèp Êëèìoíòoâè÷, Copyright (C) 2003
Ïpè ïoääepæêe ïpoeêòa MANUAL.RU