П84 html, JavaScript, php и Mysql. Джентльменский набор Web-мастера
жүктеу/скачать 6.95 Mb.
|
- Бұл бет үшін навигация:
- Различные типы блоков
- Выравнивание элементов формы
- Указание типа блока для ссылки
- Заголовок
- Фрейм 1
Различные типы блоков inline">display = inline
inline; width: 300px">display = inline
inline-block; width: 300px"> display = inline-block
block">display = block
none">Этого блока не видно
Выравнивание элементов формыУказание типа блока для ссылкиoverflow = hidden hidden">
этооченьдлиннаястрокабезпробелов То, что не влезает в границы блока, скрывается overflow = scroll scroll">
этооченьдлиннаястрокабезпробелов overflow = scroll. У блока в любом случае отображаются полосы прокрутки overflow = auto overflow = auto
overflow = auto auto">
этооченьдлиннаястрокабезпробелов overflow = auto. Если содержимое не помещается в блок, то добавляются полосы прокрутки overflow = visible. Высота не задана visible; width: 100px;">
этооченьдлиннаястрокабезпробелов overflow = visible. Блок расширяется так, чтобы все его содержимое отобразилось полностью overflow = visible. Высота задана visible; width: 100px; height: 100px;">
этооченьдлиннаястрокабезпробелов overflow = visible. Если размеры заданы, то содержимое будет выходить за границы блока ЗаголовокПанель навигации
Основное содержимое страницыКакой-то текст Информация об авторских правах
Статическое позиционирование
Относительное позиционирование
Абсолютное позиционирование
Абсолютное позиционирование внутри родительского блока
top: 50px; left: 50px;
Фиксированное позиционирование
Фиксированное позиционирование относительно нижней границы
ЗаголовокОсновное содержимое страницы
relative; top: 30px">
z-index = 1
z-index = 2
z-index = 3
Информация об авторских правах
Панель навигации с абсолютным позиционированием
id="abz1" Courier New, serif"> none; background-color: silver">Скрытый абзац Демонстрация применения атрибута display. onclick="ChangeAbz2(); return false">Щелкните на ссылке, чтобы отобразить или скрыть абзац
id="abz2" Courier New, serif"> hidden; background-color: silver">Скрытый абзац Демонстрация применения атрибута visibility. onload="f_print('Событие onload - Страница загружена');" onmousedown="f_print('Событие onmousedown - Нажали');" onmouseup="f_print('Событие onmouseup - Отпустили');" onclick="f_print('Событие onclick - Щелчок');" onkeydown="f_print('Событие onkeydown - Нажали');" onkeypress="f_print('Событие onkeypress - Нажали');" onkeyup="f_print('Событие onkeyup - Отпустили');"> onmouseover="f_print('Событие onmouseover - Навели курсор');" onmouseout="f_print('Событие onmouseout - Убрали курсор');"> Щелкните мышью в любом месте страницы onclick="f_print('Событие onclick - Документ');"> onclick="f_print('Событие onclick - Абзац');"> Щелкните мышью red" onclick="f_print('Событие onclick - SPAN');"> здесь onclick="f_print('Событие onclick - Документ', event);"> onclick="f_print('Событие onclick - Абзац', event);"> Щелкните мышью red" onclick="f_print('Событие onclick - SPAN', event);"> здесь Нажмите для перехода по ссылке Нажмите для перехода по ссылке Щелкните мышью red" id="txt">здесь onclick="window.alert('Событие onclick - Абзац');"> Щелкните мышью red" id="txt">здесь onclick="window.alert('Событие onclick - Абзац');"> Щелкните мышью red" id="txt">здесь onclick="f_print('Перехода по ссылке не будет!', event);"> Нажмите для перехода по ссылке Нажмите для перехода по ссылке onmousemove="f_body();" onbeforeunload="f_unload();"> Над этим абзацем нельзя вывести контекстное меню Нажмите клавишу на клавиатуре, чтобы увидеть ее код
Нажмите левую или правую клавишу Ctrl вместе с Enter, чтобы увидеть сообщение onselectstart="f_body();">Этот абзац нельзя выделить отдельно от других абзацев href="file.html">Нажмите для перехода по ссылке
Фрейм 1Фрейм 2 none" id="div1">
X: Y: X: +- Y: +- onunload="f_unload();" onload="f_load();"> жүктеу/скачать 6.95 Mb. Достарыңызбен бөлісу:
|