Студопедия

КАТЕГОРИИ:

АстрономияБиологияГеографияДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРиторикаСоциологияСпортСтроительствоТехнологияФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника


Элементы формы




<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; просмотров: 75; Мы поможем в написании вашей работы!; Нарушение авторских прав





lektsii.com - Лекции.Ком - 2014-2024 год. (0.005 сек.) Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав
Главная страница Случайная страница Контакты