Работа с текст в CSS свойства на текст и шрифтове в CSS примери
CSS предоставя достатъчно възможности за манипулиране на стила на текста. Това може да се отрази на шрифта, цвета, размера и други свойства на текста.
Тъй като тази страница е предназначена за начинаещи, първо трябва да си припомним основния CSS синтаксиса и използваната терминология.
Всеки CSS правило се състои от селектор и определения. Selector - обикновено етикет, на който ние прилагаме нашия стил и решителност - е много стилистично дисплея. Определение състои от имущество и неговата стойност. Например: на имота - на стойност на цвета - червен.
CSS синтаксис е както следва:
Пример на правилата на CSS:
В този пример, като правилото е, етикет
показване на текст в синьо. Един селектор да посочите няколко чифта (собственост. Стойност).
В този пример, като правилото е, етикет
показване на текст в синьо и размера на 10pt. Това означава, че тук имаме две двойки (имота. Стойност), прилаган за един селектор, в този случай ал маркер
.
По-късно, когато текстът на речта ще се срещне на имота и стойността ще бъде от гледна точка е определението за селектора в правилото за CSS.
шрифтови свойства
Задава шрифт от списъка
Ако не зададете този имот в CSS, браузърът ще покаже текста на шрифта по подразбиране. Обикновено това е Times New Roman.
списък с шрифтове в стойността на шрифт семейство може да включва едно или повече имена, разделени със запетаи. Ако името на шрифта съдържа интервали, например, Trebuchet MS, тя трябва да бъде затворен в кавички, единични или двойни.
Браузърът проверява за шрифтове последователно от списъка на компютъра на потребителя. Ако не е, тя се използва първия шрифт в списъка, в противен случай браузърът проверява за втори шрифт в списъка. Ако има такава, е по подразбиране шрифт. В края на списъка се предписва ключова дума, която описва типа на желания шрифт - серифен, безсерифен, фантазия, курсив или непропорционални.
Общи семействата на шрифта:
- сериф - antikvennye шрифтове (серифни шрифтове), въведете Times;
- безсерифен - безсерифен шрифт (безсерифни шрифтове или гротески), типичен представител - Arial;
- едноразряден - пропорционални шрифтове, ширината на всеки символ в това същото семейство (Courier шрифта).
- фантазия - семейство от декоративни шрифтове;
- бързопис - семейни бързопис шрифтове;
Пример използване:
нормален шрифт
курсивен
курсив
Примерен код, в този пример се вгради маркер на стиловете чрез атрибута стил.
Очевидно е, че в хода на наклонен шрифт изглежда по-различно.
Задава малките акции (единствено с малки букви)
Capital - така наречените в типографията текст, в който с малки букви и се появяват като намалява капитала. Необходимо е да се прави разлика между капитал и по-малък с главни букви. -Малките компании малки букви са малко по-високи и имат, като правило, леко повишена пропорция.
нормално съдържание на мазнини
ярък отпечатък
смел
мазен
100 - Light шрифта
900 - най-тлъстите
Шрифт тегло собственост определя теглото на шрифта. За да направите това, в смисъл използва ключови думи: смели - смел, нормално - нормално марката. Стойността може да бъде настроена в диапазона от 100 до 900 за стъпки от 100. overlordship марка, която може да показва на браузъра е на стойност 100, а Ultrabold - 900. Нормално стил на шрифта (нормално, което е по подразбиране) съответства на 400 стандарт удебелен шрифт, смели - стойност на 700.
Браузъри обикновено не може точно да показват желаното тегло на шрифта, така превключване между стойности смели. нормална или запалка. На практика марката в повечето браузъри обикновено се ограничава до само две изпълнения: нормален шрифт и смело.
Стойности по-лек и по-смела промяна на шрифта насищане на мазнини в сравнение с родителя, съответно, в по-малък и голям купон.
Имотът размер на шрифта - определя размера на шрифта на елемента. размер на шрифта може да се настрои по няколко начина.
шрифта: нормална
размер на шрифта: 11pt
размер на шрифта: 11 пкс
шрифта: 110%
Абсолютната размера на текущия размер на шрифта може да бъде определен чрез ключови думи: хх-малка (много малка), малък (ниско), средна (средно, стойността по подразбиране), голям (високо), х-голям (много голям), хх-голям ( много голям). Абсолютни размери на шрифта, в зависимост от настройките на браузъра, както и операционната система, така че те не са съвсем абсолютни.
За промяна на размера на текста спрямо майка използва различен набор от константи (по-голям - увеличава размер спрямо родител, по-малък - намалява размера).
свойства на текст
В допълнение към работата с шрифтове, CSS осигурява набор от инструменти за работа с качествата на самия текст.
Да разгледаме първо имота:
Линия разстояние (водеща)
Онлайн-височина: нормално
Онлайн-височина: 1.5
Онлайн-височина: 12px
Онлайн-височина: 120%
доклад Инсталация разстояние идва от база шрифт. По подразбиране, разстоянието между реда текст зависи от вида на шрифта и големината и се определя от браузърът автоматично. Отрицателната стойност на водещата не е позволено.
Когато интерес рекорд за 100% от височината на шрифта е взето.
Премахване на всички дизайн
изтъкване
Линията на текст
зачертаване
мигащ текст
Чрез определяне
Имотът текст-трансформация - контролира изобразяването на героите, можете да инсталирате главни или малки букви, в зависимост от избраната стойност.
Премахване на всички ефекти
С внесения капитал
ГЛАВНИ БУКВИ
с малки букви
Сравнете чийто текст се съдържа в HTML-код, с текста в прозореца на браузъра.
Текстовият подравняване имот - използва се за подравняване на текст и хоризонтално прозорец на браузъра или контейнер, който е текстови блок.
Подробно описание на стойностите:
- център - текстът е в центъра.
- оправдае - обосновка, в действителност това е подравнен в дясно и от лявата страна по същото време, текстът между думите се формират празно пространство, която запълва пространството на браузъра.
- лявата - подравняване levopu ръб. Тази стойност се използва по подразбиране.
- надясно - дясно подравнен.
Пример за използване на този имот е комбиниран с примера на следващия имота.
Имоти текст тире - се използва за създаване на отстъп на първия ред на текстовия блок (например, за един абзац
).
Това свойство позволява отрицателна стойност, в този случай, проекция на първия ред.
Отстъп на първа линия
текст-тире: 15px;
текст-тире: 10%
Някои CSS свойства