- •1 Применение к документу внедренных таблиц стилей. Пример
- •2 Применение к документу связанных таблиц стилей. Пример
- •3 Применение стиля на основе селекторов. Пример.
- •4 Применение стиля при помощи style. Пример
- •5 Применение стиля при помощи class. Пример.
- •6 Применение стиля при помощи id. Пример.
- •7 Создание селекторного класса. Особенности применения селекторного класса. Пример.
- •8 Создание безселекторного класса. Особенности применения безселекторного класса. Пример.
- •10 Раскройте смысл использования пробела при наследовании стилей css. Приведите пример
- •11 Единицы измерения в css
- •12 Свойства text_decoration, text_align. Пример
- •13 Свойства text_transform, text_indent. Пример
- •14 Свойства line-height, word_spacing. Пример
- •15 Свойства letter-spacing, vertical-align. Пример.
- •16 Свойства color, background_color. Пример.
- •17 Свойства background_image, background_attachment. Пример
- •18 Свойства background_repeat, background_position. Пример
- •19 Составное свойство background. Пример.
- •20 Свойства font_family, font_style. Пример.
- •21 Свойства font-variant, font-weight. Пример.
- •22 Свойства font-family, font-size. Пример.
- •23 Составное свойство font
- •24 Свойство position, виды позиционирования
- •25 Свойства left, top, height, width. Пример.
- •26 Свойства visibility, z-index. Пример
- •27 Понятие блочный и строчный элемент. Предназначение элементов div и span.
- •29 Свойство float. Пример.
- •30 Свойство clear. Пример.
- •31 Свойства line-height, vertical-align. Пример
- •32 Свойства border-width, border-color, border-style. Пример.
- •33 Составное свойство border. Пример.
- •34 Свойства margin_top, margin_right, margin_left, margin_bottom. Пример.
- •35 Составное свойство margin. Пример.
- •36 Свойства padding_top, padding_right, padding_left, padding_bottom. Пример.
- •37 Составное свойство padding. Пример
- •38 Псевдокласс :first-child. Пример.
- •39 Псевдоклассы :link, :visited. Примеры.
- •40 Псевдокласс :hover. Пример.
- •41 Псевдоклассы :activate, :focus. Примеры.
- •42 Псевдоклассы :first-line, :first-letter. Примеры.
- •43 Псевдоклассы :before, :after. Примеры
- •48 Графический формат jpeg. Особенности.
- •49 Графический формат gif. Особенности. Черезстрочная развертка.
- •50 Графический формат png. Особенности.
- •51 Способы подключения библиотеки jQuery
- •52 Предназначение и смысл jQuery.
- •54 Обработка события загрузки документа в jQuery. Пример.
- •55 Обращение к элементам html страницы при помощи селекторов из jQuery. Пример.
- •56 Обращение к элементам html страницы из jQuery с привязкой к параметрам тегов. Пример.
- •57 Обращение к элементам html страницы из jQuery по индексу. Пример.
32 Свойства border-width, border-color, border-style. Пример.
border-width Задает толщину границы одновременно на всех сторонах элемента или индивидуально для каждой стороны. Способ изменения толщины зависит от числа значений.
border-width: [значение | thin | medium | thick] {1,4} | inherit
Три переменные — thin (2 пиксела), medium (4 пиксела) и thick (6 пикселов) задают толщину границы.
p { border-width: 3px 7px 7px 4px; /* Толщина границы */ }
border-color Устанавливает цвет границы на разных сторонах элемента. Свойство позволяет задать цвет границы сразу для всех сторон элемента или только для указанных
border-color: [цвет | transparent] {1,4} | inherit
transparent Устанавливает прозрачный цвет.
h1 { border-color: red white; /* Цвет границы */ }
border-style Устанавливает стиль границы вокруг элемента. Допустимо задавать индивидуальные стили для разных сторон элемента.
border-style: [none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset] {1,4} | inherit
p { border-style: double; /* Стиль линии вокруг параграфа */ }
33 Составное свойство border. Пример.
Универсальное свойство border позволяет одновременно установить толщину, стиль и цвет границы вокруг элемента. Значения могут идти в любом порядке, разделяясь пробелом, браузер сам определит, какое из них соответствует нужному свойству. Для установки границы только на определенных сторонах элемента, воспользуйтесь свойствами border-top, border-bottom, border-left, border-right.
border: [border-width || border-style || border-color] | inherit
border-width Задает толщину границы одновременно на всех сторонах элемента или индивидуально для каждой стороны. Способ изменения толщины зависит от числа значений
border-color Устанавливает цвет границы на разных сторонах элемента. Свойство позволяет задать цвет границы сразу для всех сторон элемента или только для указанных
border-style Устанавливает стиль границы вокруг элемента. Допустимо задавать индивидуальные стили для разных сторон элемента
.brd { border: 4px double black; /* Параметры границы */ }
34 Свойства margin_top, margin_right, margin_left, margin_bottom. Пример.
margin_top Устанавливает величину отступа от верхнего края элемента. Отступом является расстояние от внешнего края верхней границы текущего элемента до внутренней границы его родительского элемента
margin-top: значение | auto | inherit
div { margin-top: 20%; /* Отступ сверху */ }
margin_right Устанавливает величину отступа от правого края элемента. Отступом является расстояние от внешнего края правой границы текущего элемента до внутренней границы его родительского элемента
margin-right: значение | auto | inherit
body { margin-right: 25%; /* Отступ справа */ }
margin_left Устанавливает величину отступа от левого края элемента. Отступом является расстояние от внешнего края левой границы текущего элемента до внутренней границы его родительского элемента
margin-left: значение | auto | inherit
.layer2 {margin-left: 20%; /* Отступ слева */}
margin_bottom Устанавливает величину отступа от нижнего края элемента. Отступом является расстояние от внешнего края нижней границы текущего элемента до внутренней границы его родительского элемента
margin-bottom: значение | auto | inherit
.layer1 { margin-bottom: -7px; /* Отступ снизу */}