CSS. Стилевые свойства графики. Урок 14

Классы CSS
Тег.Имя класса
{
свойство1: значение;
свойство2: значение;
...
}
В файле style.css
В файле style.css
<Тег class=Имя класса>
…

Практическая работа
Урок 14

Практическая работа
Дополняем наш стилевой файл!
Открываем файл с помощью SublimeText

Практическая работа
Он уже подключен к web – странице:

Фоновое изображение
В файле style.css
Фон веб-страницы можно менять не только цветом, но и заливать его картинкой. Для этого используйте правило «background-image»к тегу «BODY» или «HTML»
Попробовать разные изображения для фона

Повторение фоновой картинки
В файле style.css
Свойство «BACKGROUND-REPEAT»
Попробовать все свойства

Фиксирование фоновой картинки
В файле style.css
Свойство «BACKGROUND-ATTACHMENT»
Попробовать все свойства

Положение фоновой картинки
В файле style.css
Свойство «BACKGROUND-POSITION»

Фоновая картинка на весь экран
Свойство «BACKGROUND-SIZE»

Две фоновые картинки на веб-странице
Свойство «BACKGROUND-POSITION»

Работа с изображением в тексте
В файле style.css
В файле index.html
Отступы вокруг картинки
Свойство «MARGIN»

Обтекание картинки текстом
В файле style.css
В файле index.html
Свойство «FLOAT»

Прозрачность картинки CSS
В файле style.css
Свойство «OPACITY»

Размеры картинки в CSS
В файле style.css
Свойства «WIDTH» и «HEIGHT»
Значение задается в px или %.

Тень от картинки в CSS
В файле style.css
Свойство «BOX-SHADOW»

Разные картинки в CSS (классы)
В файле style.css
В файле index.html