HTML
<<  Основы HTML и CSS Введение и основные понятия Введение в HTML и CSS  >>
CSS
CSS
CSS это правила как должен выглядеть HTML
CSS это правила как должен выглядеть HTML
Selector { property : value ; }
Selector { property : value ; }
Можно задавать стили конкретно для каждого тэга
Можно задавать стили конкретно для каждого тэга
Добавление CSS на Web страницу
Добавление CSS на Web страницу
<link rel=”stylesheet” href=”filename
<link rel=”stylesheet” href=”filename
Импортирование внешнего CSS файла
Импортирование внешнего CSS файла
Определение HTML селектора
Определение HTML селектора
Определение классов для создания тэгов
Определение классов для создания тэгов
Определение ID для идентификации объекта
Определение ID для идентификации объекта
Определение тэгов с помощью одинаковых правил
Определение тэгов с помощью одинаковых правил
Позиционирование
Позиционирование
С помощью CSS можно управлять
С помощью CSS можно управлять

Презентация: «CSS. Cascading Style Sheet». Автор: Russ. Файл: «CSS. Cascading Style Sheet.ppt». Размер zip-архива: 228 КБ.

CSS. Cascading Style Sheet

содержание презентации «CSS. Cascading Style Sheet.ppt»
СлайдТекст
1 CSS

CSS

Cascading Style Sheet

2 CSS это правила как должен выглядеть HTML

CSS это правила как должен выглядеть HTML

Существуют три типа правил CSS 1. HTML селектор - текстовая часть HTML тэга. P селектор тэга <P> P { font: bold 12 pt times: } 2. Класс представляет собой свободное правило которое можно применить к любому тэгу. Классу можно дать любое имя. Он применим ко множеству тэгов и является самой гибкой разновидностью селектора. .myClass { font: bold 12pt times; } 3. Правила ID могут применяться также как и классы ко всем тэгам. Однако селекторы ID обычно применяются один раз к тэгу на странице для использования в функции JavaScript. #object1 { position : absolute; top: 10px; }

3 Selector { property : value ; }

Selector { property : value ; }

Основной синтаксис CSS правила

4 Можно задавать стили конкретно для каждого тэга

Можно задавать стили конкретно для каждого тэга

<h1 style=”color: red ;”> Wonderland <h1>

Добавление CSS в HTML тэги

5 Добавление CSS на Web страницу

Добавление CSS на Web страницу

<style type=”text / css”> H1 { color: red; } …. </style>

6 <link rel=”stylesheet” href=”filename

<link rel=”stylesheet” href=”filename

css”>

Создание внешнего CSS файла

7 Импортирование внешнего CSS файла

Импортирование внешнего CSS файла

<style type=”text/css> @import url (filename.css) body { background : white url (picture.gif) no-repeat; } </style>

8 Определение HTML селектора

Определение HTML селектора

p { color: red; font-size: 12px; line-height: 18px; font-family: verdana, arial; }

9 Определение классов для создания тэгов

Определение классов для создания тэгов

.Copy { color: black; font-size: 12px; line-height: 18px; font-family: verdana, arial, helvetica; } …. …. <p class=”copy”> здесь будет текст </p>

10 Определение ID для идентификации объекта

Определение ID для идентификации объекта

#area { color: red; position: relative; margin-left: 9em; } …. …. <p id=”area”> <img src=”picture.jpg”> </p>

11 Определение тэгов с помощью одинаковых правил

Определение тэгов с помощью одинаковых правил

h1,h2,p,.copy { font-size: 12px; color: red; font-size: 12px; line-height: 18px; font-family: verdana, arial, helvetica; }

12 Позиционирование

Позиционирование

Статическое (static) Относительное (relative) Абсолютное (absolute) #object { position: relative top:125px; left: 12em; }

13 С помощью CSS можно управлять

С помощью CSS можно управлять

Текстом Шрифтом Списками Цветами и фоном Рамками и полями Позиционированием Видимостью элемента и т.д.

«CSS. Cascading Style Sheet»
http://900igr.net/prezentacija/informatika/css.-cascading-style-sheet-223313.html
cсылка на страницу

HTML

18 презентаций об HTML
Урок

Информатика

130 тем
Слайды