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ûëêè





  Êëþ÷eâûe cëoâa

Çía÷eíèeì ïo÷òè âceõ câoécòâ â còaíäapòe CSS ìoãóò áûòü êëþ÷eâûe cëoâa, òaêèe êaê normal, medium, bold è ò.ä. Êëþ÷eâûe cëoâa íe ÷óâcòâèòeëüíû ê peãècòpó – bold è BOLD – oäío è òo æe.

Êaæäoe câoécòâo ìoæeò ïpèíèìaòü çía÷eíèe inherit, êoòopoe óêaçûâaeò, ÷òo çía÷eíèe ýòoão câoécòâa íaäo íacëeäoâaòü ó poäèòeëücêoão ýëeìeíòa.


  Äëèíû

Ýòoò òèï câoécòâ ÿâíûì oápaçoì ócòaíaâëèâaeò paçìep ýëeìeíòa. Oí ïoääepæèâaeò cëeäóþùèe paçìepíocòè:

  • em (øèpèía áóêâû m â íacòoÿùeì øpèôòe) íaïpèìep còèëeâoe ïpaâèëo p {text-indent: 3em} çaäacò êpacíóþ còpoêó aáçaöa paçìepoì â òpè áóêâû m
  • ex (âûcoòa áóêâû x â íacòoÿùeì øpèôòe; ïpèìeíÿeòcÿ aíaëoãè÷ío em)
  • px (paçìep â ïèêceëÿõ)
  • in (äþéìû)
  • cm (caíòèìeòpû)
  • mm (ìèëëèìeòpû)
  • pt (ïóíêòû, 1/72 äþéìa)
  • pc (ïèêè, äâeíaäöaòü ïóíêòoâ)

  Ïpèìepû çaäaíèÿ äëèí:

body {margin: 1in}
table {padding: 1.5cm}
p {text-indent: -2pt}
img.logo {height: 12px}
p {text-indent: 3em}
blockquote {padding-bottom: 2ex}
table {border-width: 7.5pc}


  Ïpoöeíòíûe çía÷eíèÿ

Ïpoöeíòíûe çía÷eíèÿ ìoãóò áûòü ïoëoæèòeëüíûìè, oòpèöaòeëüíûìè è äecÿòè÷íûìè äpoáÿìè.


p {line-height: 120%}

Ýòo còèëeâoe ïpaâèëo çaäaeò âûcoòó còpoêè â aáçaöe ía 20% áoëüøe oáû÷íoé


  URL

Çía÷eíèeì íeêoòopûõ câoécòâ ìoæeò áûòü URL. Cèíòaêcèc: url("protocol://server/path").


body {background-image: url("/img/bg3.gif")}

Ýòo còèëeâoe ïpaâèëo çaäaeò öâeò ôoía äoêóìeíòa


  Öâeò

Öâeòoâûe çía÷eíèÿ oïpeäeëÿþò öâeò. Öâeò ìoæío óêaçaòü c  ïoìoùüþ íaçâaíèÿ (íaïpèìep blue èëè red) èëè c ïoìoùüþ RGB êoäa. Haçâaíèÿ öâeòoâ CSS coâïaäaþò c èõ íaçâaíèÿìè â HTML. CSS äoïócêaeò çaäaíèe öâeòa â  âèäe còaíäapòíoão RGB êoäa, êaê #87FED3.

B oòëè÷èe oò HTML, CSS ïoçâoëÿeò çaäaâaòü öâeò òpeõçía÷íûì ÷ècëoì, â ýòoì cëó÷ae êaæäaÿ öèôpa ÷ècëa óäâaèâaeòcÿ. Taêèì oápaçoì #7C5 òoæe caìoe, ÷òo è  #77CC55. Taêæe ìoæío çaäaâaòü öâeò â äecÿòè÷íûõ rgb oáoçía÷eíèÿõ. Haïpèìep: rgb (126, 6, 9) èëè rgb (30%, 40%, 70%).






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