Отступы
В сSs предлогаются средства созданийя отступа 2-х видов:
1. Внутренний отступ Padding- отступ между границей элемента и его содержимого. Этот отступ пренадлежит главному элементу страници и находится внутри него.
2. Margin-отстум между границами данного элемента страници и границами соседнего элемента.Отступ пренадлежит не элементу страници и нахдистся вне его.ю Для таблицйи интропретируется внутренний отступ-это отступ между граници и его содержимого, а внешний отступ-это отстум между границами соседних ячеек. Внутренний отступ может определятся длля каждой из сторон.
Также можно указат внешний отступ:
Отступы распределяются
сверху по часовой стрелке, если значения
отсутствует оно берется с противоположной
стороны:
Есди задано 1-но значение, то отступ задается для всех 4-х сторон элемента.
Если указано 2-а значения: 1-е отступ сверху и снизу, 2-е справа и слева.
Если 3-и значения 1-е это отступ сверху, 2-е слево и справа, 3-е снизу.
Если 4-ре значения: 1-е сверху , 2-е справа, 3-е снизу, 4-е слева.
Для внешнего отступ справедливо тоже самое.
РАМКИ
Для внутренних отступов
в таблице используется параметр Padding.
Однако внешние отступы задаются
атрибутом
Thin-тонкая, medium-средняя,
Еслть много способов привлеч внимание к странице, это использовании тегов HTML, атрибутов стилей CSS и выделение. Можно задать параметры: толщену, цвет и стиль.Рамка входит в состав элемента, а выделение не увеличивает размер элемента, поэтому можно использовать выделенире, не боясь .
Для задания выделения есть 3- и атрибута. Толщена задается по тем же признакам, как и для рамки.
Таблицы
Выравнивание в ячейках таблици выполняется знакомым нам способом:
указывает как рисовать
сетку таблици. Ширина и высота ячеек, в
том числе таблици целико, определяется
А
позволяет указывать, как браузер будет
трактовать размеры, указанные в
.
Auto-браузер может изменять, если размеры не помещаются.
Fixed- размеры меняться не будут, но может возникнуть переполнение, которым упровляют другими параметрами.
Top-сверху, bottom-снизу.
Show-
не скрывать; hide-cкрывать.
Специальные селекторы
Спец. Селектор – селектор который согласно более сложному…
Комбинаторы. Комбинатор – разновидность спец. Селектора привязывающая стиль к элементу страницы на основании его местоположения относительно других элементов.
Элемент_1 + элемент_2 {стиль}
Комбинатор + 1 позволяет привязать стиль с помощью дочерних элементов, причем оба дочерних элемента должны быть вложены в один родительский.
Следующий комбинатор тильда(~), позволяет привязать к следующему за другим элементом и возможно отделенному от него другими элементами. Причем оба дочерних должны быть вложены в один родительский.
Та же самая ситуация, но тут шрифты уменьшены.
Комбинатор > привязывает стиль переменной страницы непосредственно вложенному в другой элемент. Но требуется непосредственное вложение.
Все П будут курсивом. Непосредственное вложение – первый потомок родителя.
Комбинатор пробел привязывает стиль к элементу страницы обязательно непосредственно.
17.2 Селекторы по атрибутам тега
Селекторы по атрибутам – спец. Селекторы привязывающие стиль к тегу на основании присутствия в нем какого либо атрибута или соответствия атрибута некоторому значению. Эти селекторы используются не сами по себе а только вместе со стилями переопределения тега или с комбинированными стилями.
Селектор вида привязывает стиль к элементам для тега с определенным атрибутом и его значением
Привязывает стиль к элементам теги которых имеет атрибут с заданным именем и значение начинается указанной строкой, он должен иметь какой то атрибут:
