Добър ден. Свързана Алекс Gulynina. В последната статия, научи малко за дизайна на текста в CSS. Тази статия анализира как да се приведе в съответствие текст в CSS. как да се създаде една червена линия. както и свойства, като например линия височина, текстообработка разстояние, писмо-разстояние, текст-трансформация. подравняването на текста в CSS чрез използване на свойствата на текст подравняване. Аз трябва да кажа, че този имот е намерена абсолютно навсякъде. Има 4 стойности за този имот:
лявото - ляво подравняване, стойността по подразбиране, който се използва от браузъра
център - подравняване център,
полето - полето подравнен,
оправдае - двустранно подравняване. Това означава, че браузърът ще съгласува текст, както в ляво и в дясно, като се увеличи разстоянието между думите.
Да се създаде HTML страници с вградени стилове за всеки елемент:
Копирайте кода и да видите как тя работи. Обърнете внимание на работата на текст подравняване имот със стойност оправдае.
Червената линия или отстъп е създаден с помощта на свойствата на текстови тире. Стойността на този имот може да се зададе различни стойности. Нека добавим този имот на най-голямата ни точка (което е подравнен по цялата ширина):
След опресните страницата ще видите, че е имало отстъпа на абзац.
Нека сега разгледаме как да се определи разстоянието между редовете. Това се прави с помощта на свойствата на линия височина. Нека добавим нашия разстоянието между абзаците в 40px и да видим какво ще се случи:
Когато страницата се опреснява, ще видите, че разстоянието между редовете увеличава. По подразбиране, този имот е на стойност стойността нормално. Този интервал може да бъде зададен като множител. Ако ние трябва да 15px шрифта, и фактора трябва да се равнява на три, ние имаме разстояние между редовете ще бъде 45px. В CSS, тя ще изглежда така:
На практика фактори често използвани в този имот, вместо фиксирана стойност.
Можете също да промените разстоянието между думите. Това се прави с помощта на имоти текстообработваща разстоянието (думата с англичаните. "Дума"). Да вземем като пример за работата на този имот:
След опресните страницата ще видите, че разстоянието между думите стане 10px.
Можете също да промените разстоянието между буквите. Това се прави с помощта на (от английски език. "Писмо" буквата) на имот писмо-интервала. Един прост пример:
След опресните страницата ще видите, че разстоянието между буквите е 10px.
Понякога трябва да се промени писмо случая. Това се прави с имота текст-трансформация. На този имот, имат следните значения:
главни букви - прави всички букви главни букви текст. Обикновено това е направил за титли.
с малки букви - прави всички герои малки букви.
се възползва - прави всяка първа буква на думата с главна буква.
Може да се каже, че можете да директно в HTML да напише текста, ако е необходимо (някъде голям, някъде малко). Все пак, това нарушава идеологията, която HTML - тази добавка, CSS - този дизайн.
Домашна: създаване на 2 глава 3-ниво. Всеки един от тях, като се използват инлайн стилове, задайте стойност на различен текст-трансформация.
В тази статия, което сте научили, като свойства на текст форматиране на текст с подравняване, текст-тире линия височина, текстообработка разстояние, писмо-разстояние, текст-трансформация.
Още статии.
- Псевдо в CSS
- CSS селектори
- Осъществяване CSS текст (част 1)
- Как да зададете шрифта в CSS
- Свързване на CSS
Свързани статии