- •Вопрос3 Информационная безопасность в Intranet
- •Вопрос4. Язык html был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1989—1991 годах.
- •Имеет ли значение регистр в тэгах html?
- •Вопрос10 Карта ссылок документа html
- •Вопрос11 Описание фреймов
- •Вопрос12 Основы css
- •Способы подключения css к документу
- •Вопрос13 JavaScript — объектно-ориентированный скриптовый язык программирования.
- •Вопрос14 объкты браузера Объект window
- •Свойства объекта window:Свойство
- •Объект document и свойства документа
- •Объект navigator и свойства браузера
- •Объект history
- •Формы и массив объектов forms
- •Фреймы и массив объектов frames
- •Изображения и массив объектов images
- •Вопрос16 Формативание блока
- •Вопрос17 История dhtml
- •Обзор свойств и методов элементов
Вопрос16 Формативание блока
Блоком в каскадных листах стилей принято считать фрагмент страницы или ее полный объем, помещенный в контейнеры <P> и <DIV>, а также <BODY> (если страница в целом). Форматированием блока является изменение его параметров, таких как: ширина и высота блока, внешние и внутренние отступы от его границ, присвоение цвета и внешнего вида как отдельных линий (границ), так и общего фона.
Габариты блока в стилях указываются в свойствах width и height , при этом, как и повсеместно в таких случаях нельзя указывать отрицательные значения. В некоторых случаях для дизайна страниц приходится прибегать к переменным габаритам блока. Для этого в CSS предусмотрены свойства min-width, min-height (минимальная ширина и высота блока) и max-widht/max-height (максимальные их значения).
Внешние отступы от блока диктуют параметры: margin (отступы одинаковые), margin-left (отступ только слева), margin-right (отступ справа), margin-top (отступ сверху) и margin-bottom (отступ снизу). Аналогично находит применение свойство padding (отступ внутри блока).
При задании фона блока div нужно применить свойство background-color, выбор значения которого не отличим от общего применения цветов. В случае, если Вы захотите использовать в качестве фона какое-либо изображение, то применяйте свойство background-image, при этом в значении укажите адрес и имя файла нужного изображения. Ограничить повторение изображения в фоне блока можно свойством background-repeat и его значениями: repeat-x (повторение по оси X), repeat-y (по оси Y) и no-repeat (без повторений). При необходимости зафиксировать фоновое изображение, для того, чтобы оно оставалось неподвижным при прокручивании используйте значение fixed в свойстве background-attachment.
Для изменения параметров рамки блока применяются свойства, начинающие со слова BORDER. Так при помощи border-width можно установить одинаковые значения для всех четырёх границ блока, а в значениях border-left-width, border-right-width, border-top-width и border-bottom-width описывается конкретная граница. По аналогичному представлению применяются: border-color (цвет линий рамки блока) и border-style (внешний вид линий). Про последнее свойство нужно добавить, что они имеют несколько, неизученных нами, значений:
solid, groove, ridge, double - линии рамки будут сплошными, вдавленными, выпуклыми и двойными соответственно.
inset - блок полностью вдавленный.
outset - объёмный вид блока.
none - нет линий.
Из вышеизложенного можно предположить, что стиль блока может иметь следующий вид:
.box {width: 200px; height: 100px; margin-left: 5px; margin-right: 5px; margin-top: 10px; margin-bottom: 15px; padding: 5px; border-width-left: 1px; border-width-right: 0px; border-width-top: 0px; border-width-bottom: 5px; border-color: #202020; border-style: solid}
В html существуют возможность делать объект видимым или невидимым, причем есть различные варианты, и они по-разному отображают содержимое.
overflow – управление размерами объекта, если его содержимое не может быть показано целиком.
Значения:
auto – определяется браузером.
visible – размер растягивается до такой степени, что бы все содержимое было видимым.
hidden – то, что выходит за границы элемента просто не отображается.
scroll – все содержимое отображается, и появляются полосы прокрутки.
visibility – управляет видимостью содержимого элемента.
Значения:
Visible – содержимое отображается.
hidden – содержимое не отображается.
display – определяет, как будет отображаться элемент
Значения:
none – элемент не отображается
block - разбивает строку до и после элемента (т.е. элемент не может находится на одной линии с другими элементами)
inline - не разбивает строку
Как этим свойством пользоваться?
Допустим у нас идет текст, среди этого текста есть тэг <strong> или это может быть ссылка, и нам нужно, что бы содержимое этого тэга или ссылки отображались на отдельной строке, то для них мы зададим свойство display cо значением <strong>block. И наоборот, если нужно, допустим, чтобы тег <h2> был не на отдельной сроке, а в той же что и текст, то ему задаем свойство display cо значением inline.