делает элемент подстрочным

делает элемент подстрочным

sub – делает элемент подстрочным.

Данное значение не задает уменьшение
размера шрифта.

Поэтому для создания нижних индексов вместе с ним следует
использовать свойство font-size: smaller, например vertical-align: sub; font-size:
smaller.

super – делает элемент надстрочным.

Данное значение не задает уменьшение
размера шрифта.

Поэтому для создания верхних индексов вместе с ним следует
использовать свойство font-size: smaller, например vertical-align: super; font-size:
smaller.

text-top – выравнивает верх элемента по верху шрифта родительского элемента;
text-bottom – выравнивает низ элемента по низу шрифта родительского элемента.

Другой набор значений свойства определяет выравнивание относительно
форматируемой линии, частью которой является указанный элемент:

top – выравнивает вершину элемента по самому высокому элементу линии;
bottom – выравнивает низ элемента по самому низкому элементу линии.

При использовании значений top и bottom могут возникать неразрешимые
ситуации, когда зависимости одних элементов от других образуют замкнутый цикл.

Процентное выражение соотносится со значением свойства line-height самого
элемента.

Таким способом база элемента (или низ, если таковая отсутствует)
повышается на определенный уровень относительно базы родительского
элемента.

Допускаются отрицательные значения.

Например, при значении -100%
элемент будет опущен так, что его база достигнет уровня, где должна лежать база
следующей линии.

Это позволяет позиционировать по вертикали элементы, не
имеющие базы – скажем изображения, используемые для замещения букв.
line-height: normal | [число] | [длина] | [проценты]

Задает высоту строки.

По умолчанию – normal. Данное свойство определяет
расстояние между базами двух смежных строк.

Если численное значение явно
определено, высота строки определяется как высота шрифта, умноженная на
численное значение.

Отрицательные значения не допускаются.
Пример:
p {text-decoration: underline; text-align: center; text-indent: 3em}


Свойства, описывающие цвет и фон

color: [цвет]

Задает цвет текста документа.

По умолчанию – определяется программой
просмотра.

Цвет может быть задан несколькими способами:
с помощью цветовых имен, например: red (красный), blue (синий).

Перечень
допустимых значений смотрите в таблице в конце

Приложения 2;
с помощью шестнадцатеричных значений составляющих цвета, например
#000000 (черный);

в шестнадцатеричном виде с трехзначной записью, без «лишних» нулей: #fff
(белый);


с помощью RGB-составляющих с указанием насыщенности цвета в диапазоне
от 0 до 255, например, rgb (255,255,255) (белый);

с помощью RGB-составляющих с процентным указанием насыщенности
цвета: rgb (100%, 0%, 0%).

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

Имеет смысл использовать только наименования основных цветов – black, red,
green, blue и т.п. – и проверять корректность отображения в различных браузерах.
background-color: [цвет] | transparent

Определяет цвет фона документа.

Кроме способов обозначения цвета,
приведенных выше, возможно задавать прозрачный фон с помощью цвета
transparent.

По умолчанию – transparent.
background-image: url ([url]) | none

Задает в качестве фона изображение из файла.

Например, background-image:
url («foto.jpg»).background-repeat: repeat | repeat-x | repeat-y | no-repeat

Задает способ повторения фонового изображения (по умолчанию – repeat):
repeat – фон повторяется по вертикали и по горизонтали;
repeat-x – фон повторяется только по горизонтали;
repeat-y – фон повторяется только по вертикали;
no-repeat – фоновое изображение выводится только один раз, без повторения.
background-attachment: scroll | fixed

Определяет способ «привязки» фона.

Можно установить два значения: scroll и fixed.

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

Во втором – фон будет оставаться неподвижным и текст
документа будет прокручиваться поверх него.

По умолчанию – scroll.
background-position: top | center | bottom | left | center | right | [проценты] | [длина]

Задает координаты, начиная с которых начнется вывод фонового изображения.

Координаты могут быть определены с помощью ключевых слов,
характеризующих положение изображения на странице по вертикали: top (вверху)
center (по центру), bottom (внизу) и по горизонтали: left (слева), center (по
центру), right (справа).

Сначала указывается значение для вертикальной
координаты. Например, чтобы поместить рисунок в правом верхнем углу
страницы, следует написать: background-position: top right.

Координаты можно задать и в единицах длины – пикселах (px), сантиметрах (cm),
процентах.

Например, background-position: 50px 50px или background-position:
50% 50%.
background: [background-color] || [background-image] || [background-repeat] ||
[background-attachment] || [background-position]

Свойство background – это обобщающее свойство для установки отдельных
свойств фона, т.е. цвета, рисунка, повтора, привязки и положения в одном правиле.


таблицы стилей

таблицы стилей.

Возможные значения обобщающего свойства background
включают совокупность возможных значений каждого из составляющих свойств.

Свойство background всегда устанавливает все совокупные значения свойства фона
сразу.

Если какие-либо значения явно не указаны, то они принимаются по
умолчанию.

Пример:
body {background-image: url («//visa.com/mar.jpg»);
background-repeat: repeat-y; background-attachment: fixed;
background-position: 100% 100%}
p {background: url (chess.gif) red 50% repeat fixed}


Свойства, описывающие рамки

Эти свойства устанавливают рамки элемента.

Каждый элемент имеет четыре стороны

рамки, для которых устанавливаются толщина, цвет и стиль.
border-top-width: thin | medium | thick | [толщина]

Определяет толщину верхней стороны рамки элемента.

По умолчанию – medium.
Толщина, определяемая зарезервированным словом, зависит от браузера, но при
этом выдерживается зависимость: thin (тонкая) меньше, чем medium (средняя),
а последнее меньше, чем thick (толстая).

Толщина рамки, определенная с
помощью зарезервированного слова, является для документа величиной
постоянной, не зависящей от размера шрифта.

Величина толщины рамки не
может быть отрицательной.
border-right-width: thin | medium | thick | [толщина]

Задает толщину правой стороны рамки элемента.

Эквивалентно установке
толщины верхней стороны рамки border-top-width.
border-bottom-width: thin | medium | thick | [толщина]

Определяет толщину нижней стороны рамки элемента. Эквивалентно установке
толщины верхней стороны рамки border-top-width.
border-left-width: thin | medium | thick | [толщина]

Задает толщину левой стороны рамки элемента. Эквивалентно установке
толщины верхней стороны рамки border-top-width.
border-width: thin | medium | thick | [толщина]

Это свойство является обобщающим для установки толщины верхней, правой,
нижней и левой сторон рамки в одном правиле таблицы стилей.

Может быть
указано от одного до четырех значений, обрабатываемых следующим образом:
одно значение: используется для установки толщины всех четырех сторон;

два значения: толщина верхней и нижней сторон устанавливаются по первому
значению, правое и левое – по второму;

три значения: толщина верхней стороны устанавливается по первому
значению, правого и левого по второму, а нижнего по третьему.


Ребята я надеюсь кто понил как работает css молодцы, ставьте комментарии жду отзывов.

Также можете    просмотреть 1-часть стили. здесь...

Понравилась статья? Поделиться с друзьями:
Блог  Измайлова Павла
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: