Разделы презентаций


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

Содержание

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

Слайды и текст этой презентации

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

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

Слайд 2Классы CSS
Тег.Имя класса 

свойство1: значение;
 

свойство2: значение;
...
}
В

файле style.css

В файле style.css

<Тег class=Имя класса>



Классы CSSТег.Имя класса    {    свойство1: значение;    свойство2: значение;    ...

Слайд 3Практическая работа
Урок 14

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

Слайд 4Практическая работа
Дополняем наш стилевой файл!

Открываем файл с помощью SublimeText

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

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

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

Слайд 6Фоновое изображение
В файле style.css
Фон веб-страницы можно менять не только

цветом, но и заливать его картинкой.  Для этого используйте правило

«background-image»к тегу «BODY» или «HTML»

Попробовать разные изображения для фона

Фоновое изображениеВ файле style.css Фон веб-страницы можно менять не только цветом, но и заливать его картинкой.  Для

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

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

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

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

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

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

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

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

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

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

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

вокруг картинки
Свойство «MARGIN»

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

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

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

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

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

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

задается в px или %.

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

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

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

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

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

Слайд 18CSS справочник
http://html-css-tegs.ru/

CSS справочникhttp://html-css-tegs.ru/

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


Для правообладателей

Яндекс.Метрика