Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28


Чувашия-это моя Россия

Интервалы в CSS.

Интервалы в CSS.

Область интервала padding - это расстояние между областью содержания элемента и его рамкой. Если применяете к документу рамку, обычно хорошо бывает добавить небольшой интервал, чтобы рамка не касалась содержания. Теперь, когда увидели на практике работу полей и рамок, свойства интервалов должны показаться знакомыми. Существуют свойства для указания величины интервала, специфичные для разных сторон, и объединенное свойство padding, которое применяет интервалы ко всем четырем сторонам.

Изменение значений, заданных объединенным свойством в CSS.

Один из принципов каскада состоит в том, что правила, появляющиеся в таблице стилей ниже, подменяют собой предыдущие правила. Можете применять этот принцип для изменения параметров какой-то одной стороны. В данном примере все четыре стороны блока страниц сайта получают сплошную красную рамку, но затем правая сторона немедленно изменяется правилом, которое устанавливает для этой стороны рамки значение попе:

                      p.nav {
                            border: solid red Зрх; 
                            border-right: none;
                             }

Помимо рамок, данный прием можно использовать с любым объединенным или специфичным свойством для элементов.

Свойства интервалов для разных сторон рамок элементов:

                     padding-top
                     padding-right
                     padding-bottom
                     padding-left

Значения:

                     длина
                     процент
                     inherit

Начальное значение: 0. Применимо: Ко всем элементам. Наследуется: Нет.

Свойство padding. Значения:

                     длина
                     процент
                     {1,4}
                     inherit

Начальное значение: 0. Ко всем элементам. Нет. Применимо: Наследуется: Ко всем элементам. Наследуется: Нет.

лето

Свойства интервала определяют ширину области интервала. Значения могут быть указаны в единицах длины или в процентах %. Отрицательные значения не допускаются. Нужно отметить, что, как и в случае полей, процентные значения всегда вычисляются на основе ширины родительского элемента (даже для верхнего и нижнего интервала). Так что, если ширина родительского элемента изменится, изменятся и заданные в процентах интервалы для всех сторон дочернего элемента.

Фоновые цвета и изображения, примененные к элементу, будут отображаться в области интервала (это отличает их от полей, которые всегда прозрачны). Так что если хотите, чтобы элемент отображался в цветном прямоугольнике с явно указанной рамкой или без нее, с помощью интервала можно оставить небольшое пространство между краем прямоугольника и содержанием. Интервалы не перекрываются, как поля. Общий интервал между элементами будет равен сумме интервалов для смежных сторон элементов, по-другому складываются интервалы и могут вылезти за пределы рамок блока, вмещающего данный элемент. Будьте по этому внимательны при начислении значений интервалов и полей для элементов страниц сайта.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: