Подбор ресурсов Internet

border-left-width

Css-свойство border-left-width определяет размер левой части бордюра элемента

border-right

Css-свойство border-left используется для задания стиля, цвета и толщины правой части бордюра

border-right-color

Css-свойство border-right-color используется для задания цвета правой части бордюра

border-right-style

Css-свойство border-right-style используется для задания стиля правой части бордюра

border-right-width

Css-свойство border-right-width определяет размер правой части бордюра элемента

border-top

Css-свойство border-left используется для задания стиля, цвета и толщины верхней части бордюра

border-top-color

Css-свойство border-top-color используется для задания цвета верхней части бордюра

border-top-style

Css-свойство border-top-style используется для задания стиля верхней части бордюра

border-top-width

Css-свойство border-top-width определяет размер верхней части бордюра элемента

border-style

Css-свойство border-style применяется для сокращенного задания стиля бордюра

border-color

Css-свойство border-color применяется для сокращенного задания цветов четырех сторон

border-width

Css-свойство border-width применяется для сокращенного задания ширины бордюра

Свойства-квалификаторы

clear

Css-свойство clear запрещает размещение плавающих (float) элементов справа и слева

float

Css-свойство float позволяет задать режим обтекание элемента

display

Css-свойство display используется что бы явно указать тип блока, порождаемого элементом

overflow

Css-свойство overflow определяет поведение блочного элемента в ситуациях, когда содержимое такого элемента превышает его размеры.

overflow-x

Css-свойство overflow-x определяет поведение блочного элемента в ситуациях, когда содержимое такого элемента превышает его размеры по ширине.

overflow-y

Css-свойство overflow-y определяет поведение блочного элемента в ситуациях, когда содержимое такого элемента превышает его размеры по высоте.

position

Css-свойство position используется для выбора одного из четырех алгоритмов, использующихся для вычисления положения блока элемента.

z-index

Css-свойство z-index определяет порядок перекрытия элементов.

Свойства позиционирования

bottom

Css-свойство bottom определяет смещение нижней стороны блока элемента относительно нижней стороны контейнера данного элемента.

left

Css-свойство left определяет смещение левой стороны блока элемента относительно левой стороны контейнера данного элемента

right

Css-свойство right определяет смещение правой стороны блока элемента относительно правой стороны контейнера данного элемента.

top

Css-свойство top определяет смещение верхней стороны блока элемента относительно верхней стороны контейнера данного элемента

width

Css-свойство width определяет ширину элемента

height

Css-свойство height определяет высоту элемента

min-width

Css-свойство min-width определяет минимальную ширину элемента

max-width

Css-свойство man-width определяет максимальную ширину элемента

min-height

Css-свойство min-height определяет минимальную высоту элемента

max-height

Css-свойство man-height определяет максимальную высоту элемента

Свойства scrollbar

scrollbar-3dlight-color

Css-свойство scrollbar-3dlight-color задает цвет для верхней и левой внешней границы бегунка полосы прокрутки и концевых кнопок.

scrollbar-arrow-color

Css-свойство scrollbar-arrow-color определяет цвет активных стрелок

scrollbar-base-color

Css-свойство scrollbar-base-color задает цвет, на основе которого строится цветовая схема для полосы прокрутки.

scrollbar-darkshadow-color

Css-свойство scrollbar-darkshadow-color задает цвет для нижней и правой внешней границы бегунка полосы прокрутки и концевых кнопок

scrollbar-face-color

Css-свойство scrollbar-face-color задает цвет фона для бегунка полосы прокрутки и концевых кнопок

scrollbar-highlight-color

Css-свойство scrollbar-highlight-color задает цвет для верхней и левой внутренней границы бегунка полосы прокрутки и концевых стрелок

scrollbar-shadow-color

Css-свойство scrollbar-shadow-color задает цвет для нижней и правой внутренней границы бегунка полосы прокрутки и концевых стрелок

scrollbar-track-color

Css-свойство scrollbar-track-color определяет цвет фона для полосы прокрутки

Разное

behavior

Css-свойство behavior позволяет назначать dhtml-сценарий

cursor

Css-свойство cursor позволяет задать для элемента типа курсора, когда курсор находится над элементом

zoom

Css-свойство zoom применяется для задания коэффициента масштабирования элемента

accelerator

Css-свойство accelerator используется для выделения части текста, которая обозначает горячую клавишу

Дополнения

Меры длины

Синтаксис: «+» (можно опустить) или «-» затем [число] плюс [единица измерения] (без пропусков)

Например:

-566pt

Единицы длинны: ex - x-height, ширина буквы «x» используемого элементом шрифта

px - pixels, пикселы

in - inches, дюймы

cm - centimeters, сантиметры

mm - millimeters, миллиметры

pt - points, точка (1pt = 1/72in)

pc - picas (1pc = 12pt)

Процентные меры

Синтаксис: «+» или «-» затем [число] плюс «%» (без пропусков)

Например:

-566%

Цвета

Синтаксис: [color]

Например:

magenta

Значением цвета может быть его название (red, lightgreen, coral и т.д.) или RGB значение

Способы выразить цвет в RGB (red green blue):

· #rrggbb (например, #00cc00)

· rgb (x, x, x) - где «х» число от 0 до 255 (например, rgb (0,204,0))

· #rgb (например, #0c0)

· rgb (x%, x%, x%) - где «х%» число от 0.0 до 100.0 (например, 0%, 80%, 0%)

Все примеры отображают один и тот же цвет

Ссылки

Синтаксис: «URL», потом в скобках приводится ссылка. Ссылку также можно, помимо скобок, заключить в одинарные или двойные кавычки (без пропусков)

Например:

URL ('cool.gif')

Задание

Используя HTML-документ, созданный в лабораторной работе 2, создать стили, используя внутренние, глобальные и связанные таблицы стилей.

Список литературы

гипертекстовый страница список фрейм

1. Гончаров А. Самоучитель HTML. СПб.:Питер, 2002 -240 с.

2. Панфилов И.В. Самоучитель. Создание Web-сайтов. М.: Триумф, 2008 - 464 с.

3. Хольшлаг. Языки HTML и CSS. М, Триумф, 2006.

4. Глушаков С.В., Жакин И.А., Хачиров Т.С. Программирование Web-страниц. - Харьков: Фолио, 2005 -390 с.

5. Слепцова Л.Д., Бидасюк Ю.М. JavaScript. Самоучитель. М.: Издательский дом «Вильямс», 2007 - 448 с.

6. Соколов С.А. JavaScript в примерах, типовых решениях и задачах. Профессиональная работа. М.: ООО «И.Д. Вильямс», 2006 - 592 с.

7. Пауэлл Т. Web-дизайн. 2-е изд.: Спб: БХВ-Петербург, 2005-1072 с.

8. Павлова В.И. Методическое пособие «Гипертекстовый язык разметки документов» по курсу «WEB-технологии». Тольятти, 2005 - 32 с.

9. Тубольцев М.Ф., Путивинцева Н.П., Гурьянова И.В., Немыкина О.В. Лабораторный практикум по Web-технологиям. Часть 1. Основы HTML технологий. Белгород: Изд-во БелГУ, 2003 - 49 с.

10. Дж. Скляр. Актуальные принципы Web-дизайна. М.: ЭКСМО, 2007 - 464 с.

11. Климов А. HTML в примерах, http://changer.newmail.ru.

12. Хейз, Дидре. Освой самостоятельно HTML. 10 минут на урок. М.: ООО «И.Д. Вилямс», 2007 - 272 с.

13. Шегар А.М. CSS - Cascading Style Sheet в примерах. - Internet, http/www.yandex.

14. Модель событий JavaScript - Internet, http/www.rambler.

15. Обработчики событий JavaScript - Internet, http/www.rambler.

16. Бельтикова Н.А. Методы и функции JavaScript - Internet, http/www.rambler.

17. Байенс Д. Примочки программирования WEB. / Пер. с англ. - М.: «ЭКОМ», 2000- - 341 с., ил.

18. Каллахан И. Ваша WEB-страница. Проблемы и решения. / Пер с англ. - М.: «ЭКОМ», 2002- - 290 с., ил.

Размещено на Allbest.ru