html и css для начинающих

кнопка удаления
кнопка удаления
кнопка меню

Правила CSS для работы с тектом

Применяя правила CSS, можно придать тексту тот вид, который Вам нужен: можно изменить гарнитуру шрифта, цвет, вес, декорировать или добавить тень и т.д. CSS3 позволяют управлять переносом слов, контролировать отображение содержимого и т.д.

Гарнитура шрифта. Свойство font-family


Устанавливает семейство шрифта, которое будет использоваться для оформления текста содержимого. Список шрифтов может включать одно или несколько названий, разделенных запятой. Если название шрифта состоит из двух или более слов, то такое название заключается в кавычки.

font-family

Размер шрифта. Свойство font-size


Определяет размер шрифта как абсолютный или относительный размер в em, %, или px. Указывать отрицательные значения абсолютной длины и в процентах не разрешается.

fontsize

Вес шрифта. Свойтво font-weight


Свойство font-weigth - определяет вес шрифта или насыщенность шрифта, употребляемый при воспроизведении текста элемента. Значение устанавливается от 100 до 900 с шагом 100. Сверхсветлое начертание имеет значение 100, а сверхжирное — 900. Числовое значение 400 этого свойства равнозначно ключевому слову normal, а числовое значение 700 - ключевому слову bold.

Значения:

fontweight

Цвет текста. Свойство color


Свойство CSS color, задает цвет тексту в коде документа. Оно задает также цвет любых границ элемента, если только оно не замещается свойством border-color или одним из свойств цвета краев границы (border-top-color и т.д.). Если цвет обозначается ключевыми словами (например, navy) или шестнадцатеричными значениями RGB (#FFFFFF).
Свойство color не оказывает влияния на растровые изображения.

color

Курсивное начертание. Свойство font-style


Свойство font-style позволяет выделить текст курсивом.

Принимает три значения:

fontstyle

Прописные и строчные символы. Свойство text-transform


Свойство text-transform используется для изменения регистра текста и принимает одно из следующих значений:

texttransform

Подчёркивание, перечёркивание и другое форматирование. Свойство text-decoration


Свойство text-decoration добавляет оформление текста в виде его подчеркивания, перечеркивания, линии над текстом и мигания. Одновременно можно применить более одного стиля, перечисляя значения через пробел.

Принимает следующие значения :

texedecoraion

Межстрочный интервал. Свойство line-height


Межстрочный интервал - обозначает расстояние между строками текста. Увеличение значения свойства line-height приводит к увеличению интервала между строками текста. Иногда текст с бОльшим межстрочным интервалом легче воспринимаются. Значение свойства лучше указывать в единицах em (начальные значение - 1.4-1 .5 em).

line-height

Межбуквенный интервал и интервал между словами. Свойства letter-spacing и word-spacing


Свойство letter-spacing позволяет контролировать растояние между буквами. А контролировать интервал между словами позволяет свойство word-spacing.
Значение лучше указывать в единицах em. Допускается отрицательное значение. По умолчанию интервал между словами устанавливается самим шрифтом (и соответствует примерно 0.25 em.

letterword-spacing

Выравнивание текста. Свойство text-align


Свойство text-align позволяет контролировать выравнивание текста в пределах элемнета. Оно может принимать одно из четырех следующих значений:

text-align

Вертикальное выравнивание. Свойство vertical-align


Свойство vertical-align применяется к внутристрочным элементам и выравнивает элемент по вертикали относительно своего родителя, окружающего текста или ячейки таблицы.

Данное свойство может принимать следующие значения:

В качестве значения также можно использовать проценты, пикселы или другие доступные единицы.

vertical

Текст с отступом. Свойство text-indent


Свойство text-indent позволяет создать отступ для первой строки текста внутри элемента. Значение отступа указывается в пикселах или единицах em. может принимать и отрицательные значения, что означает возможность размещения текста за пределами окна браузера.

textindent

Текст с тенью. Свойство text-shadow


Свойство text- shadow используется для создания тени, которая представляет собой более темную и слегка смещенную версию слова, расположенную позади него. С помощью этого свойства также можно создать эффект тиснения, добавив тень, которая несколько светлее самого текста.

Для создания тени свойству нужно сообщить значение, состоящее из трех длин и цвета тени.

  1. Первое значение указывает, насколько далеко влево или вправо должна падать тень.
  2. Второе значение указывает, на какое расстояние вверх или вниз должна смещаться тень.
  3. Третье значение необязательно и определяет степень размытия, применяемого к тени.
  4. Четвертое - это цвет тени.

Если указаны положительные значения смещения, тени отбрасываются вниз и вправо.
А если указаны отрицательные значения смещения, тени отбрасываются назад и влево.
При положительных значениях залегания тени расширяются, а при отрицательных значениях - сокращаются.
Значения размытия теней не могут быть отрицательными.

textshadow

Стилевое оформление первой строки и первой буквы. Псевдоэлементы :first-line и :first-letter


Псевдоэлемент указывается в конце селектора, а за ним следуют объявления, как в любом другом элементе.
Псевдоэлемент :first-line служит для стилевого оформления первой текстовой строки в элементе.

firstline

Псевдоэлемент :first-letter служит для стилевого оформления первой буквы элемента или любого начального знака препинания.

firstletter