Мы будем работать над веб-страницей вымышленного сайта CosmoFarmer.com

(рис. 8.10). У нас уже имеется присоединенная внешняя таблица стилей, создающая

Модель веб-страницы и обесnечивающая ей простейший дизайн.

U..Citl~a. ........ "'t*~ Q •: Ф-:sо·~-~=~~-о .. -~~.... -~

-:~-----___ q.;;c ·-__ ._ =-·- -~

CosmoFaгmer's Guide to Apartment Lawn

Maintenance

• uerdtai:So. tor.mfp5umdoJoratamer..~~ek.J414fham

NiЪЬ..Ьonod- ut-.WO...-aliquament

• •'Oiuфot.Ut>Oioi.amod--quiJ........t...m~~-

nlslutali<._•• .. -...-.",.

Yd ..... -..

l..alremjpsucndoklraмatt. ~~-Rddtamt~m~WCDy

18Ьh.......,..dadduntutlaonw:t-._all<..."eмvolulpo•O<w..t

e.D1m.t n:lnlw ~ qw AliiiК.Ndu.trei t8»'G~ atllldpst ioЬoc't:W

. oad \11: ~ ц еа comcnodo COOkQU8t. Duil wtero '~ f!ti'D t:iun: cWor iD

' Ьenc1A!J'il: in vШputete ..' elt~ mo\eiOt~ ,-eJ ihrn dolore. eu~

·t~.oruem. ~... .dos» t sn amtt, COOS«"tetuи __ l'lioa>odooaduotut'--o!olotoaiqu8rn

e:Rt \"ОМра. tlt witi t':n!m .а mnm .-.... -._ ..... ......."

ioplsitv,Sm< ddod1>oarm si t ame.t. (OQiolfl('.k ,i;.U.t.r. ~..,

tiodckwd\4~~ lnli!IМ~CI1

«et •-.hщ>о<. Ut w>Oi<пlmool- ,......" t.=:=.:::.=.::.::.::.==.:.J .... -..-...... ~,

' ~ tahcm» flbl ur ~uip e::t и tommodo coasequn. J)ulsaйm wJ eum

Jdun.

........ lpSUindolot"'-~-~dt....Sdlom.......",.

' r.ЪЬ Nsmod tirlcidunl ut \lorett dolore owrpa a1iquмn ent YOU::p.t. th. "-.1

: ooimod""'""'""-Qцis-цer<~-~fiiOCIJ>i<loЬo""'

, ral..adquipa.ea~~DUii4\IU!'.ra''tt~iri.aredoklrkl

; Ьeodrelirin '~ .. 'dil. ак moh.til toМeqUllt,. "ffiillumМ1ol'eeu ~

m.ilkfatШsls at ФО 1tt01 tt 8tt'UO'WIII\ а NP:o ос!»~~ q\8 Ы..

.,_.".~-ddoaot•"""'""'-. .... .... -.Lomn

: ipsumdo1otJttamt.t.,conN!t'tl;tut:rlld.ipaюpsUJ.

Рмс. 8.1 О. Два варианта веб-страницы: до (слева) и nосле (справа) СSS-стилиэации

На рис. 8.10 форматирование веб-страницы выполнено исключительно средствами