Главная | Обратная связь | Поможем написать вашу работу!
МегаЛекции

Данный пример показывает, как задать фиксированное фоновое изображение, т.е. изображение, которое не будет перемещаться вместе со всей остальной страницей.

ЛАБОРАТОРНАЯ РАБОТА №3.

Работа с фоновыми изображениями при помощи CSS

Создайте различные html-документы, применяя готовые CSS-стили, встраивая их в тег HEAD. Напишите при помощи комментариев в html-коде, какие свойства каких объектов задает каждый стиль. Наполните документ соответствующим содержимым. После этого создайте на основе примеров несколько html-документов с собственными настройками фоновых изображений через CSS.

Параметры CSS для фона определяют фоновые эффекты элемента.

 

Примеры

Данный пример показывает, как задать фоновый цвет элемента.

<html><head><style type="text/css">ul {background-color: rgb(200,10,200)}ol {background-color: #00FFFF}li {background-color: transparent}p {background-color: blue}</style></head> <body><ul><li>this is ul</li></ul><ol><li>this is ol</li></ol><p>This is a paragraph</p></body></html>

Данный пример показывает, как задать в качестве фона изображение.

<html><head><style type="text/css">body {background-image:url(picture.jpg)}</style></head><body> В документе в качестве фона использовано изображение</body></html>

Данный пример показывает, как использовать повторяющееся фоновое изображение.

<html><head><style type="text/css">body{ background-image: url(picture.jpg);background-repeat: repeat}</style></head><body>В документе в качестве фона использовано повторяющееся изображение</body></html>

Данный пример показывает, как использовать повторяющееся только по вертикали фоновое изображение.

<html><head><style type="text/css">body{ background-image: url(picture.jpg);background-repeat: repeat-y}</style></head><body>В документе в качестве фона использовано повторяющееся изображение, которое размножается только вертикально</body></html>

Данный пример показывает, как использовать повторяющееся только по горизонтали фоновое изображение.

<html><head><style type="text/css">body{ background-image: url(picture.jpg);background-repeat: repeat-x}</style></head><body>В документе в качестве фона использовано повторяющееся изображение, которое размножается только горизонтально.</body></html>

Данный пример показывает, как разместить на странице фоновое изображение.

<html><head><style type="text/css">body{ background-image: url(picture.jpg);background-repeat: repeat;background-position: bottom; }</style></head><body></body></html>

Данный пример показывает, как задать фиксированное фоновое изображение, т.е. изображение, которое не будет перемещаться вместе со всей остальной страницей.

<html><head><style type="text/css">body {background-image: url(picture.jpg);background-repeat: no-repeat;background-attachment: fixed}</style></head><body>Определено фиксированное фоновое изображение<br>Определено фиксированное фоновое изображение<br>Определено фиксированное фоновое изображение<br></body></html>
Поделиться:





Читайте также:

A) количество теплоты, которое получает или отдает единица массы вещества при изменении его температуры на 1К
A- механические свойства материала из которого будет изготовлен протез
b) Пример классического.
K Сравните оба определения и скажите, которое из них вам представляется более полным/научным и почему.
Q А при моторных формах афазии будет страдать только этап произнесения найденного слова?
Q Приведите, пожалуйста примеры нарушений выполнения этой пробы при различных видах афазий.
Q Приведите, пожалуйста, примеры подобных нарушений внимания. Наиболее показательные примеры, на наш взгляд, относятся к сфере интеллектуальной деятельности и памяти.
V. Соотношение содержания стандартов и примерных программ
VI. 8. Примерный список вопросов по предмету.
XIII. Типичные ошибки изложения, вызванные нарушением логического закона тождества (с примерами)






Воспользуйтесь поиском по сайту:



©2015 - 2024 megalektsii.ru Все авторские права принадлежат авторам лекционных материалов. Обратная связь с нами...