КАТЕГОРИЯ:


Астрономия- (809) Биология- (7483) Биотехнологии- (1457) Военное дело- (14632) Высокие технологии- (1363) География- (913) Геология- (1438) Государство- (451) Демография- (1065) Дом- (47672) Журналистика и СМИ- (912) Изобретательство- (14524) Иностранные языки- (4268) Информатика- (17799) Искусство- (1338) История- (13644) Компьютеры- (11121) Косметика- (55) Кулинария- (373) Культура- (8427) Лингвистика- (374) Литература- (1642) Маркетинг- (23702) Математика- (16968) Машиностроение- (1700) Медицина- (12668) Менеджмент- (24684) Механика- (15423) Науковедение- (506) Образование- (11852) Охрана труда- (3308) Педагогика- (5571) Полиграфия- (1312) Политика- (7869) Право- (5454) Приборостроение- (1369) Программирование- (2801) Производство- (97182) Промышленность- (8706) Психология- (18388) Религия- (3217) Связь- (10668) Сельское хозяйство- (299) Социология- (6455) Спорт- (42831) Строительство- (4793) Торговля- (5050) Транспорт- (2929) Туризм- (1568) Физика- (3942) Философия- (17015) Финансы- (26596) Химия- (22929) Экология- (12095) Экономика- (9961) Электроника- (8441) Электротехника- (4623) Энергетика- (12629) Юриспруденция- (1492) Ядерная техника- (1748) Arhitektura- (3434) Astronomiya- (809) Biologiya- (7483) Biotehnologii- (1457) Военни бизнесмен (14632) Висока technologies- (1363) Geografiya- (913) Geologiya- (1438) на държавата (451) Demografiya- ( 1065) Къща- (47672) журналистика и смирен (912) Izobretatelstvo- (14524) външен >(4268) Informatika- (17799) Iskusstvo- (1338) историята е (13644) Компютри- (11,121) Kosmetika- (55) Kulinariya- (373) културата е (8427) Lingvistika- (374) Literatura- (1642) маркетинг-(23702) математиците на (16968) Механична инженерно (1700) медицина-(12668) Management- (24684) Mehanika- (15423) Naukovedenie- (506) образователна (11852) truda- сигурност (3308) Pedagogika- (5571) Poligrafiya- (1312) Politika- (7869) Лево- (5454) Priborostroenie- (1369) Programmirovanie- (2801) производствено (97 182 ) индустрия- (8706) Psihologiya- (18388) Religiya- (3217) Svyaz (10668) Agriculture- (299) Sotsiologiya- (6455) на (42831) спортист строително (4793) Torgovlya- (5050) транспорт ( 2929) Turizm- (1568) физик (3942) Filosofiya- (17015) Finansy- (26596) химия (22929) Ekologiya- (12095) Ekonomika- (9961) Electronics- (8441) Elektrotehnika- (4623) Мощност инженерно ( 12629) Yurisprudentsiya- (1492) ядрена technics- (1748)

Осъществяване на текстови блокове

Pid obtіkannyam блок текст rozumіyut същото Ефект, Yaky mozhna realіzuvati за grafіki, ако снимката не е rozrivaє блокове от текст, както и vbudovuєtsya в Демба. Текст в tsomu vipadku "картина odnієї obtіkaє лидер ръка - там де Je поле vіlne mіzh mezheyu storіnki (елементи) е на снимката. Obtіkannya текстови снимки ОД zvichaynogo vbudovuvannya изображение текстов документ vіdrіznyaєtsya Тим, Scho vzdovzh vertikalnoї mezhі снимки rozmіschuєtsya kіlka ryadkіv текст, а не един.

Obtіkannyam блок текст іnshim текст upravlyayutsya два признака CSS: FLOAT тя CLEAR. Умение FLOAT viznachaє "plavayuchy" текстов блок. Vіn Mauger priymati стойност:

· Ляв - да блокира претъпкан lіvoї mezhі ohoplyuyuchogo елементи;

· Лево- Unit претъпкан до pravoї mezhі ohoplyuyuchogo елементи;

· Both- текст Mauger obtіkati единица и dvoh storіn.

Rozglyanemo челно navedenі на фиг. 9.2 и 9.3.

Блок претъпкан до lіvoї mezhі:

<Цвят на шрифта = darkred SIZE = -1>

<SPAN STYLE = "флоат: ляво; гранично-цвят: # 003366; гранично-ширина: 1px; граница в стил: твърдо; шрифта: 10px; шрифт семейство: едноразряден; ширина: 30%">

Tsey претъпкан блокове от текст, за да lіvoї mezhі rozdіlu. Vіn Got Mezhuyev широчината един pіksel аз ширина от 30% OD Shirini rozdіlu. </ SPAN>

Rozmіr шрифта, блок текст obtіkaєmogo zumisno zmensheno до 8 pіkselіv, обитатели блокират текст на vidіlyavsya zagalnomu fonі zmіstu storіnki. </ FONT>

Фиг. 9.2. Блокът за склад, препълнен с lіvoї mezhі ohoplyuyuchogo Elements

Блок претъпкан до pravoї mezhі:

<Цвят на шрифта = darkred SIZE = -1>

<SPAN STYLE = "флоат: право; гранично-цвят: # 003366; гранично-ширина: 1px; граница в стил: твърдо; шрифта: 10px; шрифт семейство: едноразряден; ширина: 30%">

Tsey претъпкан блокове от текст, за да pravoї mezhі rozdіlu. Vіn Got Mezhuyev широчината един pіksel аз ширина от 30% OD Shirini rozdіlu. </ SPAN>

Rozmіr шрифта obtіkaєmogo блок текст zumisno zmensheno до 8 pіkselіv, обитатели блокират текст на vidіlyavsya zagalnomu fonі zmіstu storіnki. </ FONT>

Фиг. 9.3. Блокът за склад, препълнен с pravoї mezhі ohoplyuyuchogo Elements

Други атрибути Описание stilіv CLEAR dozvolyaє upravlyati Vlasnyi obtіkannyam. не Vіn dopuskaє nayavnostі "plavayuchih" blokіv bilja блок от текст. Mauger priymati Умение стойности: дясно, ляво, нито един, и двете. Rozglyanemo задника, предизвикана от фиг. 9.4:

<Цвят на шрифта = darkred SIZE = -1>

<SPAN STYLE = "флоат: право; гранично-цвят: # 003366; гранично-ширина: 1px; граница в стил: твърдо; шрифта: 10px; шрифт семейство: едноразряден; ширина: 30%">

Tsey претъпкан блокове от текст, за да pravoї mezhі rozdіlu. <br /> Vіn Got Mezhuyev, широчината един pіksel аз ширина от 30% OD Shirini rozdіlu. </ SPAN>



<P STYLE = "ясно: право; текст-приравни: обоснове; цвят: darkred">

В един блок от текст tsogo не Mauger Бути "plavayuchogo" десен блок oskіlki ми Yogo zaboronili. W tsієї Причина vіn pochinaєtsya nizhche претъпкан полето obmezhenogo единица. </ P> </ FONT>

Фиг. 9.4. Butt vikoristannya атрибут CLEAR

3. Upravlіnnya kolorom в CSS

Kaskadnі tablitsі stilіv в Perche Черга opisuyut vlastivostі текст. Цзе як stosuєtsya Текст blokіv така че аз Пробийте elementіv rozmіtki zmіstu storіnki. CSS dozvolyaє upravlyati kolorom текст (цвят), kolorom пепел пари Дали vіdobrazhaєtsya текст (фон-цвят) kolorom mezhі текстов блок (гранично-цвят).

Умение stilіv Scho stosuyutsya upravlіnnya kolorom, vіdpovіdno до Microsoft spetsifіkatsії, vіdnosyatsya да фенките atributіv и цвета на фона имоти. Usogo да tsієї фенките отиват sіm atributіv, shіst ите yakih viznachayut vlastivostі фон. Krіm koloru пепел, че Yogo prozorostі може upravlyati снимки пепел (координати її rozmіschennya това означава повторение).

Kolіr текст. В HTML за upravlіnnya kolorom vіdobrazhuvanogo шрифта на текста vikoristovuєtsya маркер. Yogo аналогово към CSS Je атрибут цвят. Tsey атрибути могат vikoristovuvati як за да го блокира, така че аз за Seed elementіv rozmіtki. Rozglyanemo блокови елементи на качеството на rozmіtki komіrki tablitsі:

<TABLE BGCOLOR = # 003366>

<TR> <TD>

<TABLE BORDER = 1 BGCOLOR = бяло>

<TR>

<TH VALIGN = топ> Purshia stovpchik </ TH>

</ TR>

<TR>

<TD стил = "цвят: darkred;"> Persha komіrka tablitsі </ TD>

</ TR>

</ TABLE>

</ TD> </ TR>

</ TABLE>

Ние мишката prikladі kolіr текст viznacheno tіlki за zvichaynoї komіrki, за заглавие на главната stovptsya vіdobrazhaєtsya kolorom.

Когато opisannі текст koloru да блокира целия текст tsogo Елементи Елементи vіdobrazhaєtsya kolorom задачи. Chastkova zmіna koloru mozhliva, Yakscho pomіstiti Drill yelement rozmіtki В средата на блок:

<TABLE BGCOLOR = # 003366>

<TR>

<TD>

<TABLE BORDER = 2 BGCOLOR = бяло>

<TR>

<TH> Purshia stovpchik </ TH>

</ TR>

<TR>

<TD>

<P стил = "цвят: darkred;"> Persha komіrka tablitsі <br /> В neї vstavlyaєmo Drill yelement. <I стил = "цвят: # 003366; шрифт в стил: нормално;"> тъмно sinogo </ I> koloru ,

</ P>

</ TD>

</ TR>

</ TABLE>

</ TD> </ TR>

</ TABLE>

В prikladі насоки, в блок на качествени елементи vikoristovuvavsya параграф, и елементи на качественото редни vikoristovuєtsya в таблица I. насоки prikladі голямо значение не Got, и vivoditsya за podіbnostі да poperednіh prikladіv. А маса vmіschuєtsya параграф іz vbudovanim в Демба Пробийте Elements rozmіtki.

Kolіr пепел текст. В HTML kolorom пепел mozhna upravlyati tіlki за конкретен блок на елементи rozmіtki. Така Elements Mauger Бути всички storіnka:

<BODY BGCOLOR = ...> ... </ BODY>

чи, napriklad, таблица:

<TABLE BGCOLOR = ...> ... </ TABLE>

Ние мишката nizhche prikladі за vidіlennya текст vikoristano іnvertuvannya koloru пепел, че koloru текст:

<P> Kaskadnі tablitsі stilіv dozvolyayut zmіnyuvati kolіr пепел текст bezposeredno на mіstsі, така че няма нужда, <SPAN STYLE = "фон-цвят: черен; цвят: бял;"> як ryadkovі rozmіtki елементи </ SPAN> в HTML zmіnyuyut стил zvichayny на < I> Italic </ i> </ P>

Font. Шрифтовете имат komp'yuternіy grafіtsі zavzhdi pridіlyalosya bagato uwagi, аз World Wide Web има не е Даже viklyuchennyam. Ale OAO All іsnuyuchі шрифта obmezhuєtsya troma sіmeystvami shriftіv:

· Serif (Times zazvichay чи Inshyj шрифта іz zasіchkami)

· Безсерифни (Arial, Helvetica шрифта чи Inshyj без zasіchok)

· Monospace (Courier zazvichay чи Inshyj Непропорционални шрифта).

Zazvichay дермална и Tsikh sіmeystv predstavlyaєtsya tіlki един kirilichnim шрифт.

С молба за upravlіnnya vіdobrazhennyam lіter Mauger vikoristovuvati kіlka atributіv Scho vplivayut в шрифта:

· Шрифт семейство - garnіtura шрифта (sіmeystvo);

· Font-стил- курсив zvichayny чи стил;

· Шрифт тегла на «pіdsilennya" (nasichenіst) шрифт, "zhirnіst" букви;

· Шрифта - rozmіr шрифта (размер). Zadaєtsya в pіkselyah (пиксели) е най-tipografskih точки (PT);

· Font-вариант - «varіant" vіdobrazhennya шрифта (zvichayny чи малки букви - kapіtel).

Usі tsі параметри могат sumіstiti в един atributі на шрифта:

Шрифта: удебелен шрифт 12pt ДАНС;

Въпреки това, не се установява nіyakoї vpevnenostі Scho Такео vіdobrazhennya шрифта Бюд pratsyuvati достъп във всички браузъри.

Когато vikoristannі rіznih garnіtur (шрифт семейство) slіd pam'yatati Scho чи nayavnіst vіdsutnіst neobhіdnoї rozrobniku garnіturi povnіstyu депозити OD koristuvacha (OD vstanovlenih на komp'yuterі shriftіv). За kirilitsі Цзе Mauger vilitisya в poyavі "Абракадабра" там, авторът де vikoristovuє vіdsutnі в koristuvacha шрифт.

Spetsifіkatsіya CSS peredbachaє perelіk shriftіv в описание stilіv Scho на dozvolyaє chastkovo virіshiti проблем pіdboru шрифт. За жалост на Unix, че Windows шрифтове не са uzgodzhenі. Factuality, когато rozrobtsі storіnok в класа на CSS vikoristovuyutsya tіlki shriftіv (серифен, безсерифен че едноразряден).

Garnіtura (шрифт семейство). Garnіtura шрифта - TSE sіmeystvo nakreslen shriftіv Scho труд zagalnі stilovі osoblivostі че rіznі detalі изготвянето znakіv (при deyakih vipadkah garnіtura skladaєtsya един nakreslennya и). Font Mauger Бути директно (нормален), Italic (курсив), «скосен» (наклонен), pіdsilenim (удебелен), drіbnim (kapіtel,-малките компании) toscho.

Naybіlsh rozpovsyudzhenimi Середа kirilichnih garnіtur в Web - TSE Times, Arial, Courier. И usі смрад nalezhat да rіznih shriftіv група. Times - TSE proportsіyny іz zasіchkami шрифта (серифни), Arial - ТСЕ proportsіyny zasіchok ДАНС (безсерифен) и Courier - ТСЕ Непропорционални шрифта (едноразряден). В Unix zamіst chastіshe vikoristovuєtsya Arial Helvetica. Rіznitsyu mіzh tsimi GROUP shriftіv mozhna pobachiti на prikladі (Фигура 9.5.):

<P ALIGN = ляво стил = "шрифт с размер: 24px; шрифт семейство: Serif; цвят: darkred;">

Tsey ред отбеляза proportsіynim шрифта іz zasіchkami. </ P>

<P ALIGN = ляво стил = "шрифт с размер: 24px; шрифт семейство: безсерифен; цвят: darkred;">

Tsey ред отбеляза proportsіynim шрифта без zasіchok. </ P>

<P ALIGN = ляво стил = "шрифт с размер: 24px; шрифт семейство: едноразряден; цвят: darkred;">

Tsey ред отбеляза Непропорционални шрифт. </ P>

Фиг. 9.5. Rіznitsya mіzh GROUP shriftіv Times, Arial, Courier

Когато zadannі іmenі фенките shriftіv, як, показан на prikladі браузър pіdbiraє шрифта danoї фенките S nayavnogo в sistemі набор shriftіv.

Yakscho optimіzatsіya браузър не vlashtovuє автор storіnki може bezposeredno vkazati іm'ya garnіturi шрифта:

<SPAN стил = "шрифт семейство: символ;

подложка ляв: 58 пиксела; ">

N </ SPAN> <BR>

<SPAN стил = "шрифт семейство: символ;

размер на шрифта: 24px; ">

A <SUB> X, Y </ SUB> = д (у <SUB> на </ SUB> + х <SUB> на </ SUB>)

</ SPAN> <BR>

<SPAN стил = "шрифт семейство: символ;

подложка ляв: 50px; размер на шрифта: 20px; "> а = 1

</ SPAN>

Yakscho operatsіyna koristuvacha символ система pіdtrimuє шрифта, pobachit на vіn нормално вписана с формула Sumi, Yakscho Е Ni - абракадабра. Въпреки това, tsomu vipadku vikoristannya zvichaynogo шрифта vzagalі не Got zmіstu - в nomu формула не Bude vіdobrazhatisya правилно.

Rozglyanemo Mensch ekzotichny задника. Mova pіde около текста в формата на текст polі. В Persha prikladі vikoristovuvavsya прост шрифт за promovchannyam. Дали zmіnimo Yogo на Inshyj Непропорционални шрифта:

<B> шрифт за promovchannyam: </ B> <br />

<INPUT VALUE = "кирилица"> <br />

<B> Непропорционални шрифта: </ B> <br />

Courier <br />

<INPUT стил = "шрифт семейство: Courier;" СТОЙНОСТ = "кирилица"> <br />

Courier New <br />

<INPUT стил = "шрифт семейство: Courier New" VALUE = "кирилица">

Фиг. 9.6. Butt vikoristannya Непропорционални шрифта

Як slіduє и фиг. 9.6, пресечен в ред. Въпреки vipadku vіdsutnostі един и vikoristanih shriftіv, АВО Scho traplyaєtsya chastіshe, vіdsutnostі kirilitsі в vikoristanomu shriftі, mozhut viniknuti проблем.

Ръководство челно pokazuє, Scho в viborі шрифта (tochnіshe, garnіturi шрифт) не potrіbno "mudriti". Поддържан нагоре за всички koristuvatisya kategorіyami група shriftіv, todі текст и точка Зора MTIE навсякъде Бюд правилно vіdobrazhatisya. Въпреки това, dosyagaєtsya unіversalnіst tsya за rakhunok obmezhennya mozhlivostey vіdobrazhennya шрифт.

Font Size (размер на шрифта). Размер на шрифта - за ТСЕ, Yakscho govorito sproscheno, rozmіr шрифт. Облекчение за CSS параметър шрифта dozvolyaє upravlyati rozmіrom lіter. Rozmіr шрифтове могат zadavati tipografskih в точки (1, т - 0,35 мм) чи pіkselyah (пиксели). Когато vstanovlennі кегелбан slіd pam'yatati Scho шрифта zadaє не висота характер и rozmіr oblastі в yakіy vivoditsya символ (tsya площ zrozumіlo, bіlsha на характера).

Rozglyanemo kіlka prikladіv vikoristannya шрифта:

<P стил = "шрифт с размер: 12pt;"> Font Size vstanovleno параграф 12 punktіv </ P>

<P стил = "шрифт с размер: 12px;"> Font Size vstanovleno параграф 12 pіkselіv </ P>

<P стил = "шрифт с размер: 120%;"> Font Size Параграф vstanovleno 120% OD rozmіru писма ohoplyuyuchogo ал елементи </ P>

Як може да се види и насоки задника, размер mozhna zadavati tіlki не в абсолютна, а във втория vіdnosnih odinitsyah. Krіm vіdsotkіv іsnuє іsche dekіlka umovnih odinits vimіryuvannya кегли, SSMSC mozhna vikoristovuvati в CSS:

<P стил = "шрифт с размер: голяма;"> Rozmіr кегелбан голяма </ P>

<P стил = "шрифт с размер: малка;"> Rozmіr кегелбан малък </ P>

<P стил = "шрифт с размер: х-малък;"> Rozmіr кегелбан х-малък </ P>

<P стил = "шрифт с размер: хх-малък;"> Rozmіr кегелбан хх-малък </ P>

Analogіchno х-малък е XX-малък іsnuyut rozmіri на които х-голяма хх-голям. Krіm на Je-голям, по-малък е на средата.

Viglyad. В kozhnoї garnіturi Je kіlka viglyadіv. Кожа и viznachaєtsya тях да troma параметри CSS стил: шрифт стил, шрифт вариант, шрифт тегло.

Умение стил viznachaє шрифта стил директно viglyad (нормален), че курсив (наклонен):

<P стил = "цвят: darkred; шрифт в стил: нормално;"> чат шрифт </ P>

<P стил = "цвят: darkred; шрифт в стил: курсив;"> курсив </ P>

Yakscho potrіbno pіdsiliti nasichenіst ( "zhirnіst") на шрифта, стила opisannі vkazuyut шрифт тегло атрибут Yaky priymaє стойност нормална чи удебелен шрифт:

<P стил = "цвят: darkred; шрифт в стил: курсив; шрифт тегло: получер;"> курсив </ P>

Ходжа аз Font masshtabuєtsya за облекчаване zmіni кегли, Yogo yakіst в tsomu zazvichay strazhdaє. За yakіsnogo vіdobrazhennya drіbnih lіter в deyakih garnіturah vikoristovuєtsya kapіtel. В CSS за vikoristannya kapіtelі zarezervovano атрибут на шрифта-вариант, Yaky Mauger priymati Нормалната стойност е по-малките компании. На praktitsі шрифта-вариант vikoristovuyut не често (в nashіy kraїnі) іz на vіdsutnostі kapіtelі в стандарт naborі kirilichnih shriftіv.

4. Проектът на текста, който spiskіv

Когато obgovorennі vlastivostey блокира elementіv rozmіtki, Mova yshla около параметри stosuyutsya Scho единица, як tsіlogo. Не rozglyadalisya vnutrіshnі характеристики текст. Когато rozglyadі shriftіv Bulo zrobleno акцент върху zovnіshnomu viglyadі simvolіv отколкото їh spіvvіdnoshennі.

Не poperednіh lektsіyah rozglyadalisya takі vazhlivі характеристики на текстови фрагмент, як:

· Vіdstan символи mіzh;

· Висота ред;

· Virіvnyuvannya;

· Vіdstup Perche поръчате параграф;

· Zmіna viglyadu simvolіv.

Usі tsі атрибути zgrupovano в vlastivostі fragmentіv текст (текст Properties).

Vіdstan mіzh символи. Vіdstan mіzh герои автоматична и regulyuєtsya rozmіrom шрифта - шрифт. Хим bіlshim Je rozmіr шрифта, екип bіlshoyu Je vіdstan mіzh писма:

<P стил = "шрифт семейство: едноразряден; шрифта: по-голям; цвят: черен;"> Tsey параграф вкара zbіlshenim с размер </ P> <P стил = "шрифт семейство: едноразряден; шрифта: х-голям ; цвят: черен; "> А шрифта параграф tsogo пререже bіlshe </ P>

Vіdstan mіzh lіterami в dvoh параграфи rіzna (най-Perche vipadku 4px, а в друг - 6 пиксела). Непропорционални шрифта при tsomu prikladі vibrat не vipadkovo. За proportsіynih shriftіv vіdstan mіzh символи депозити OD аз simvolіv Покажи її як vіdstan mіzh писма dosit твърди. За Непропорционални шрифта rozmіr (ширина) simfolu fіksovany, което аз vіdstan mіzh lіterami chіtko proslіdzhuєtsya.

Защ не zavzhdi zruchno upravlyati mіzhsimvolnoyu vіdstannyu чрез шрифт (шрифта). Buvayut vipadki, ако potrіbno ABO uschіlniti ред, АВО zbіlshiti mіzhsimvolny іnterval. Цзе mozhna zrobiti за взаимопомощ атрибут писмо-разстояние:

<P стил = "шрифт семейство: едноразряден; писмо-разстояние: 5pt; цвят: черен"> Mіzhsimvolny іnterval 5pt </ P> <P стил = "шрифт семейство: едноразряден; писмо-разстояние: 10pt; цвят: черен" > Mіzhsimvolny іnterval 10pt </ P>

Virіvnyuvannya. За promovchannyam в paragrafі vikoristovuєtsya virіvnyuvannya lіvomu на ръба. Analogіchno mozhna vikoristovuvati INSHI и Методи virіvnyuvannya. В zvichaynіy HTML-rozmіttsі Taqiy ЕФЕКТ dosyagaєtsya за rakhunok vikoristannya атрибут ALIGN:

<P ALIGN = оправдае> ... </ P>

Analogіchnogo резултат в CSS mozhna dosyagti за взаимопомощ атрибут текст-приравни:

<P стил = "текст-приравни: право; цвят: черен;">

Tsey virіvnyano секция вдясно. Usі редове на правото zakіnchuyutsya mezhі rozdіlu. А смрад zlіva pochinayutsya ите rіznim vіdstupom ОД lіvogo ръб. </ P>

<P стил = "текст-приравни: обоснове; цвят: черен;">

Tsey параграф virіvnyano на shirinі. Usі редове на правото zakіnchuyutsya vertikalnіy mezhі rozdіlu. Usі редове zlіva takozh pochinayutsya ите vertikalnoї mezhі rozdіlu. </ P>

Virіvnyuvati текст може да бъде или в блок-Пари ли elementі. И не можете да tіlki virіvnyati текст около ръбовете на един блок от елементи, а вторият tsentruvati Yogo:

<P стил = "текст-приравни: център;"> ... </ P>.

Peretvorennya шрифт. Peretvorennya шрифта peredbachaє zmіnu regіstru slіv (преведено vsіh simvolіv на "zagolovnі" чи "propisnі" Rozglyanemo приклада .:

<P стил = "текст-трансформация: главни букви;">

Главни regіstrі </ P>

<P стил = "текст-трансформация: само с малки букви;">

Nizhnіy regіstr simvolіv </ P>

<P стил = "текст-трансформация: капитализират;">

Pershi lіteri думи velikі (zaglavnі) </ P>

Когато peretvorennі regіstru simvolіv slіd vrahovuvati на този факт, Scho nelokalіzovanі versії brauzerіv не правилно zavzhdi vikonuyut Таку екип Aje за anglіyskogo alfavіtu ПРИЕМЕТЕ peretvorennya zdіysnyuєtsya Шляков прост zmіschennya tablitsі за ASCII, Scho за ukrajins'koho чи rosіyskogo alfavіtіv Je неприемливо.

Іsche peretvorennya един вид шрифт - TSE pіdkreslennya, perekreslennya чи pіdkreslennya slіv. Tacke peretvorennya zdіysnyuєtsya за взаимопомощ атрибут текст-украса:

<P стил = "текст-украса: Онлайн-чрез;"> Perekreslene реченото </ P> <P стил = "текст-украса: подчертае;">. Pіdkreslene реченото </ P>.

За да обитатели pratsyuvalo TAKE peretvorennya, potrіbna nayavnіst vіdpovіdnoї garnіturi. Duzhe малко garnіtur pіdtrimuyut nadkreslennya simvolіv (lіnіya над буквите) да Taqiy стил декор vikoristovuєtsya rіdko. За vіdmіni potrіbno декор в текст-украса стойности vikoristati никой.

Purshia ред точка. Когато oformlennі paragrafіv в tehnologії CSS mozhna vikoristovuvati abzatsnoy vіdstup за Perche ред. За tsogo vikoristovuєtsya атрибут текст-тире. Mova Yde около хоризонтална ред vіdstup Perche параграф vіdnosno Yogo lіvoї mezhі. Rozglyanemo челно:

<P стил = "текст-тире: 20pt;">

Tsey параграф pochinaєtsya и хоризонтална abzatsnoy vіdstupu в dvadtsyat tipografskih punktіv ОД lіvogo край на абзаца. </ P>

<P стил = "текст-тире: -10pt;">

В tsomu paragrafі vikoristano vіd'єmny vіdstup хоризонтални редове от Perche параграф. </ P>

Vіd'єmnі стойности atributіv - Цзе нормална практика на CSS. Там, де vikoristannya vіd'єmnogo стойности vipravdano, napriklad имат vipadku zmіschennya vkladenogo блок текст vіdnosno ohoplyuyuchogo Elements rozmіtki може vkazuvati vіd'єmnі zmіschennya атрибути.

Krіm текст-тире в CSS за стил Perche ред zarezervovano modifіkator параграф стил от първа линия. Vіn не dozvolyaє tіlki zadati хоризонтална zmіschennya и втори opisati INSHI параметричен параграф:

P: първа линия {цвят: червен; }

Sche един аргумент, Scho vplivaє на vіdobrazhennya Perche, за точка - Литера Persha Persha ред. Її vіdobrazhennyam upravlyaє modifіkator първото писмо:

P: първо-писмо {шрифта: 20pt; }

В съжалявам tsі две modifіkatori не pіdtrimuyutsya usіma браузъри.

Mіzhryadkovy іnterval. В CSS mіzhryadkovy іnterval zadaєtsya опция линия-височина. Vіn zadaє vіdstan не mіzh редове и mіzh база lіnіyami ryadkіv.

Rozglyanemo, як Tsei опция vplivaє на vzaєmne rozmіschennya ryadkіv:

<P стил = "линия-височина: 12pt; шрифта: 12pt; цвят: черен;"> раздел Tsey вкара 12pt размер. Line-височина определя на 0102 PT </ P> <P STYLE = "реда височина: 24pt; шрифта: 12pt; цвят: черен;">. Раздел Tsey отбелязани с размер 12, т. Line-височина определя на 204 PT </ P> <P STYLE = "реда височина: 6pt; шрифта: 12pt; цвят: черен;">. Раздел Tsey отбелязани с размер 12, т. Line-височина се определя на 6 т. </ P>

Purshia параграф напечатани стойности Zi линия-височина, rіvnim rozmіru щифт. В друг abzatsі стойности линия-височина vdvіchі perevischuє rozmіr пина. От трета prikladі стойности линия-височина в две Рази малко след това rozmіru кегли - редове от текст perekrivayutsya.

В zv'yazku ите vikoristannyam линия-височина slіd zvernuti uwagi на vikoristannya в линия Изображенията на HTML-storіnkah. Pid в онлайн Образът тук rozumієtsya Изображенията, в Scho документ vbudovane tіlo за релефни елементи изображения IMG, бира не е нов ред аз не Як yelement tablitsі:

<P стил = "цвят: бял; фон-цвят: черен; шрифта: 20px;">

В Tsey ред vbudovano Изображенията - <IMG SRC = "inline.gif" Гранична = "0" WIDTH = "24" височина = "24" ALIGN = "отгоре">, за yakіy zobrazheno kontsentrichnі Cola </ P>.

Образът Got rozmіri 24 * 24 pіkselі virіvnyane, че горният ръб на реда. Yogo rozmіr bіlshe rozmіru болт (20 пиксела), за да mіzhryadkovy іnterval zbіlsheny автоматична и браузър. В следващия prikladі rozmіr zobradzhennya spіvpadaє ите rozmіrom кегли:

<P стил = "цвят: бял; фон-цвят: черен; шрифта: 24px;"> Do Tsey ред, Yaky Got rozmіr кегелбан 24rh, vbudovano Изображенията - <IMG SRC = "inline.gif" Гранична = "0" WIDTH = "24" височина = "24" ALIGN = "отгоре">, за пари ли кол zobrazheno kontsentrichnі. </ P>

Този метод може да pozitsіonuvati текст, който grafіku в един ред.

Списъци. Когато vіdobrazhennі spiskіv CSS dozvolyaє upravlyati Форма markerіv Изображенията този списък. Marker - TSE символ Scho rozmіschuєtsya към списъка с елементи. Napriklad имат nevporyadkovanomu списък (неподреден списък) към списъка с елементи rozmіschuєtsya "мазнини" точка:

· Purshia списък yelement;

· Други yelement списък;

· Tretіy yelement списък.

CSS dozvolyaє upravlyati Форма markerіv че zamіnyati маркери снимки.

Tsіkavim Даже този факт, Scho upravlіnnya vіdobrazhennyam elementіv списък vіdneseno да зададете vlastivostey Scho mіstyat атрибут DISPLAY. Tsey атрибут Mauger priymati tіlki odne ценности - няма. Yakscho имат yelement svoєmu opisannі mіstit атрибут DISPLAY, аз Tsei Got стойностите на атрибутите никой, след това vіn не vіdobrazhaєtsya vzagalі браузър:

Vikoristannya припише нито <UL STYLE = "дисплей: няма;"> <LI> Purshia yelement списък </ LI> <LI> Други yelement списък </ LI> <LI> Tretіy yelement списък </ LI> </ UL>

Умение DISPLAY upravlyaє vіdobrazhennyam документ на displeї komp'yutera, бира не rozpovsyudzhuєtsya на INSHI документ seredovischa vіdobrazhennya. Napriklad, zgіdno е CSS правила prihovany списък vivoditisya виновен, когато drutsі обаче naspravdі, vіn когато аз chomus не drutsі vivoditsya.

Форма markerіv. STANDARD viglyad markerіv в viglyadі "zhirnoї" krapki не zavzhdi vlashtovuє koristuvachіv. В машинописни документи за tsogo, як обикновено vikoristovuyut defіs. W іnshogo страна, рекламата materіalah често маркер на Quality vikoristovuyut чи квадратен Inshyj tipografskogo набор от символи, и takozh grafіchnі снимки.

CSS dozvolyaє upravlyati форми на маркери, чрез атрибут списък стил-тип:

<UL STYLE = "списък стил тип: квадрат;">

<LI> За площад маркер vikoristovuєtsya </ LI>

</ UL>

<UL STYLE = "списък стил тип: диск;">

<LI> За маркера vikoristovuєtsya шофиране </ LI>

</ UL>

<UL STYLE = "списък стил тип: окръжност;">

<LI> За маркера vikoristovuєtsya Коло </ LI>

</ UL>

Upravlyati viglyadom маркер може takozh аз за vporyadkovanih (номерация) spiskіv:

<OL STYLE = "списък стил тип: по-нисък Roman;

Цвят: черен; ">

<LI> Purshia yelement </ LI>

<LI> друг елемент </ LI>

<LI> Tretіy yelement </ LI>

</ OL>

<OL STYLE = "списък стил тип: горна-алфа;

Цвят: черен; ">

<LI> Purshia yelement </ LI>

<LI> друг елемент </ LI>

<LI> Tretіy yelement </ LI>

</ OL>

<OL STYLE = "списък стил тип: по-нисък алфа;

Цвят: черен; ">

<LI> Purshia yelement </ LI>

<LI> друг елемент </ LI>

<LI> Tretіy yelement </ LI>

</ OL>

Освен Krіm, CSS vzagalі dozvolyaє vіdmovitisya ОД markerіv. За tsogo potrіbno vkazati стойност на атрибута списък стил тип rіvnim никой.

Маркери в viglyadі снимки. Yakscho standartnі ФОРМИ markerіv rozrobnika storіnki не vlashtovuyut, vіn Mauger vikoristovuvati nestandartnі. За tsogo potrіbno на изображението маркер rozmіstiti в viglyadі grafіchnogo файл на уеб-vuzlі. Taqiy маркер Got URL, Yaky vikoristovuєtsya в CSS за zvertannya да Демба:

<UL STYLE = "списък стил изображение: URL (bimage.gif);"> <LI> нестандартно маркер </ LI> </ UL>

В съжалявам nestandartnі маркери deyakimi браузъри не mozhut pіdtrimuvatisya.

Храна за samoperevіrki

1. Poyasnіt rіznitsyu mіzh блокира Някои от елементите, че семената.

2. Yaky yelement rozmіtki vіdіgraє роля unіversalnogo блокира?

3. Vikoristannya yakogo Elements не rozmіtki доведат до utvorennya блокове от текст?

4. Yakimi атрибути zadaєtsya obtіkannyam блок текст іnshim текст?

5. Як zmіniti kolіr текст в CSS?

6. Як zmіniti kolіr пепел текст в CSS?

7. Navedіt челно atributіv за upravlіnnya vіdobrazhennyam lіter.

8. Як zadati rіznі garnіturi текст?

9. Vikoristannya yakogo атрибут dozvolyaє upravlyati rozmіrom lіter?

10. За релефни yakogo атрибути могат да uschіlniti ред ABO zbіlshiti mіzhsimvolny іnterval?

11. Як zmіniti virіvnyuvannya текст в CSS?

12. Yaky атрибут vikoristovuєtsya за zmіni regіstru?

13. Як nalashtuvati abzatsnoy vіdstup за да Perche?

параметър 14. Якима в CSS zadaєtsya mіzhryadkovy іnterval?

15. SSMSC параметричен dozvolyayut upravlyati Форма markerіv Изображенията, че списък?

<== Предишна лекция | На следващата лекция ==>
| Осъществяване на текстови блокове

; Дата: 04.01.2014; ; Прегледи: 143; Нарушаването на авторските права? ;


Ние ценим Вашето мнение! Беше ли полезна публикуван материал? Да | не



ТЪРСЕНЕ:


Вижте също:



ailback.ru - Edu Doc (2013 - 2017) на година. Тя не е автор на материали, и дава на студентите с безплатно образование и използва! Най-новото допълнение , Al IP: 11.45.9.22
Page генерирана за: 0.065 сек.