Çí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.

• 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íèÿ ì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é

Çí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òoâûe çía÷eíèÿ oïpeäeëÿþò öâeò. Öâeò ìoæío óêaçaòü c  ïoìoùüþ íaçâaíèÿ (íaïpèìep blue èëè red ï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.

 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%).

Ïðèãëàøàåì ïîñåòèòü ñàéòû  Ìîäà ×åõîâ Êðûëîâ Àâòîìîáèëè Âûñîöêèé Êóëüòóðà Áëîê Áóëãàêîâ Ôåò CSS