Студопедия

КАТЕГОРИИ:


Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

Что такое HTTP 28 страница




Если установить параметр size элемента <select>, то можно выпадающее меню превратить в прокручиваемое. Другой параметр, multiple="multiple", позволяет выбирать одновременно более одного пункта.

Наконец, можно группировать пункты с помощью <optgroup>. У этого элемента может быть атрибут label — метка группы внутри <select>. Элементы <optgroup> используются некоторыми браузерами для организации управления <select>.

Например:

<р>Ваше хобби:</р>
<select name="hobby" size="15" multiple="multiple">
<option value="none" selected-"selected">Отсутствует
</option>
<optgroup label="indoors">
<орtion>Поедание пищи</орtion>
<орtion>Сидение перед компьютером
</орtion>
<орtion>Искусство и ремесла
</орtion>
</optgroup>
<optgroup label="outdoors">
<орtion>Поедание пищи на свежем B03духе
</option>
<option>noxoдыi</option>
<орtion>Велопрогулки</орtion>
</optgroup>
<optgroup label="sports">
<орtion>Поедание пищи на скорость
</орtion>
<орtion>Баскетбол</орtion>
<орtion>Плавание</орtion>
</optgroup>
</select>

CSS

В этом разделе я напомню некоторые таблицы из глав 10 и 14. В таблице П.1 показаны свойства текстовых стилей.

Таблица П.1. Свойства текстовых стилей

Свойство Значения Примеры
word-spacing Число и ед. измерения 1pt, 4em, lin
letter-spacing Число и ед. измерения 3pt, 0 0,1em, +1
line-height Число и ед. измерения 14pt
text-decoration Значение underline, line-through, box, blink
text-transform Значение capitalize, lowercase, uppercase, none
text-indent Число и ед. измерения либо проценты lin, 5%, 3em
vertical-align Значение либо проценты baseline, sub, sup, top, middle, 50%
text-align Значение left, right, center, justify

В таблице П.2 показаны всевозможные свойства шрифтов.

Таблица П.2. Свойства шрифтов

Свойство Значение Примеры
font-family Название шрифта Helvetica, Serif, Symbol
font-size Число/процент 12pt, +1, 120%
font-weight Число/значение normal, bold, bolder, 100, 900
font-style Название стиля italic, oblique, normal
font-variant Название стиля normal, small-caps
font Комбинация 12pt Serif
color Спово/16-ричное число red, green, blue, #ff00aa

В таблице П.З вы найдете свойства фона.

Таблица П.З. Свойства фона

Свойство Значение Примеры
background-color Название цвета или значение в формате RGB white, #0000ff
background-image url() url(image.gif), url(http://www.fakecorp.com/bgnd.jpg)
background-repeat Название режима repeat, repeat-x, repeat-y, no-repeat
background-attachment Название режима scroll, fixed
background-position Направление или процент top, left, center, 20%, 65%
background Комбинация white url(image.gif) repeat-x fixed

Таблица П.4 представляет собой свод стилей блокового уровня (типа абзацев).

Таблица П.4. Свойства блоков

Свойство Значение Примеры
margin Длина или проценты lin, 5% 10%, 12pt lOpt 12pt lOpt
padding Длина или проценты lin, 5% 10%, 12pt lOpt 12pt lOpt
border Ширина/стиль/цвет medium dashed red, 2in grooved, blue
width Длина или проценты .5in, 10%
height Длина или проценты 10tm,12pt
float Направление left, right, none
clear Направление left, right, none, both

В таблице П.5 показаны псевдоклассы для создания эффектов наведения с помощью CSS.

Таблица П.5. Псевдоклассы

Свойство Объяснение
:link Вид ссылки до того, как на ней щелкнули
: visited Вид ссылки после того, как на ней щелкнули
: hover Вид ссылки или объекта в тот момент, когда на них находится указатель
:focus Вид ссылки или объекта во время ввода текста или при выделении
: active Вид ссылки или объекта во время их выбора (при нажатой кнопке мыши или - клавише Enter)

Таблица П.6 несколько отличается от остальных. В ней представлены голосовые свойства CSS2, которые применяются в нетрадиционных браузерах.

Таблица П.6. Речевые элементы CSS2

Свойство Значения Описание
azimuth left, center-left, center, center-right, right или угол (от -360° до 360°) Позволяет задать угол, под которым находится воображаемый источник звука относительно слушателя
cue-after url Проигрывает звуковой файл, расположенный по указанному URL, после прочтения текста
cue-before url Проигрывает звуковой файл, расположенный по указанному URL, до прочтения текста
elevation below, level, above или значение угла (от -90° до 90°) Угол в вертикальной плоскости, под которым расположен воображаемый источник звука
pause-after секунды или миллисекунды Пауза после проговаривания элемента
pause-before секунды или миллисекунды Пауза перед проговариванием элемента
pause секунды или миллисекунды Пауза до и после проговаривания элемента
pitch low, medium, high или частота (Гц) Высота звучания голоса
pitch-range 0, 50 или другое число Величина колебания частот: 0 — монотонно, 50 — нормально
play-during url Адрес звукового файла для фонового воспроизведения
speak none, normal, spell-out Манера произношения
speak-numeral digits, continuous Манера произнесения числительных: цифра за цифрой либо все число сразу
speak-punctuation none, code Значение «code» означает, что все знаки пунктуации нужно называть («точка», «запятая» и т. д.)
speak-rate slow, medium, fast, число слов в минуту Скорость речи
voice-family male, female, Zervox, Princess, child «Чьим» голосом говорить (как и шрифты, голоса должны быть установлены на компьютере пользователя)
volume silent, soft, medium, loud Громкость

 




Поделиться с друзьями:


Дата добавления: 2014-12-29; Просмотров: 288; Нарушение авторских прав?; Мы поможем в написании вашей работы!


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.008 сек.