КАТЕГОРИИ:
АстрономияБиологияГеографияДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРиторикаСоциологияСпортСтроительствоТехнологияФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Элементы формы
<input> позволяет создавать разные элементы интерфейса
атрибут type - позволяет задавать следующие элементы формы: текстовое поле (text), поле с паролем (password), переключатель (radio), флажок (checkbox), скрытое поле (hidden), кнопка (button), кнопка для отправки формы (submit), кнопка для очистки формы (reset), поле для отправки файла (file) и кнопка с изображением (image).
Например, <input type="radio" name="browser" value="ie"> Internet Explorer</input>
<textarea> многострочечное поле ввода
Доступные атрибуты — cols (количество колонок символов, которые умещаются в поле), rows (количество строк символов, которые умещаются в поле), name
<select>выпадающий список
Доступные атрибуты — name, size, multiple – множественный выбор
<select>
<option>сожержимое списка</option>
<option>...</option>
</select>
Каскадные таблицы стилей CSS. Способы включения в документ - внешние, внутренние и локальные стили. Синтаксис CSS - селекторы, свойства. Селекторы по элементу, по классу и по ID элемента. Каскадирование.
CSS (Cascading Style Sheets, каскадные таблицы стилей) — это набор параметров форматирования, который применяется к элементам веб-страницы для управления их видом и положением.
Внешние стили. Располагаются в отдельном файле с расширением css, а для связывания документа с этим файлом применяется тег <link>.
<head> <link rel="stylesheet" type="text/css" href="mysite.css"> </head>
Внутренние стили. располагаются в заголовке (head) веб-страницы.
<head> <style type="text/css">
H1 { font-size: 120%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #336; }
</style> </head>
Локальные:является по существу расширением для одиночного тега. Вписываются в атрибут style любого элемента.
<h1 style="font-size: 120%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #336">Заголовок</h1>
Синтаксис CSS.
Селектор { свойство1: значение; свойство2: значение; ... }
Пробелы и абзцы значения не имеют. Важные знаки: : ; { }
Селектор служит как указание на тип объектов, для которого определяются правила форматирования, такие как: цвет, фон, размер и т.д.
* - универсальный селектор — на все элементы
селектор элементов h1, p, div {…}
селекторы потомков p ul {…}
селектор класса .classname {…} к одному классу может принадлежать несколько элементов
идентификатор #idname уникальный для одного элемента
Дата добавления: 2015-04-18; просмотров: 132; Мы поможем в написании вашей работы!; Нарушение авторских прав |