CSS Cascading Style Sheet. CSS это правила как должен выглядеть HTML. Существуют три типа правил CSS 1. HTML селектор - текстовая часть HTML тэга. P селектор.

Презентация:



Advertisements
Похожие презентации
4.3 Каскадные таблицы стилей. Каскадные таблицы стилей (Cascading Style Sheets, CSS) способ оформления страниц HTML, позволяющий с помощью параметров.
Advertisements

Введение в CSS. Базовый синтаксис CSS селектор { свойство1: значение; свойство2: значение; } селектор некоторое имя стиля, для которого добавляются параметры.
Лекция 9 Тема «Каскадные таблицы стилей » Преподаватель: Халелова Е. Н.
Каскадные таблицы стилей CSS. Стиль – набор параметров, задающий внешнее представление объекта. Таблица стилей – это инструмент языка html, предоставляющий.
Каскадные таблицы стилей Назначение и применение CSS.
CSS это акроним для Cascading Style Sheets/Каскадных таблиц стилей. CSS это язык стилей, определяющий отображение HTML-документов HTML используется для.
Основы HTML и CSS Каскадные таблицы стилей (CSS).
Таблицы стилей Язык HTML. Каскадные таблицы стилей CSS CSS (от английского Cascading Style Sheets). Таблицы стилей позволяют разделить смысловое содержимое.
Гвасалия Д.А.. Определение Каскадные таблицы стилей (Cascade Style Sheets, CSS) Каскадные таблицы стилей (Cascade Style Sheets, CSS) – технология описания.
CSS Cascading Style Sheets. Структура css селектор { свойство1: значение1; свойство2: значение2; }
CSS Cascading Style Sheets. Типы стилей: 1. Стиль браузера 2. Стиль автора 3. Стиль пользователя.
Учебный курс Введение в HTML и CSS Лекция 5 Каскадные таблицы стилей (CSS) – назначение и применения. Блочные и строчные элементы. Цвет и шрифты. кандидат.
CSS Cascading Style Sheets среда, 11 декабря 2013 г.среда, 11 декабря 2013 г.среда, 11 декабря 2013 г.среда, 11 декабря 2013 г.среда, 11 декабря 2013 г.
Стили в HTML Лекция по курсу «Компьютерный дизайн»
CSS: основные понятия и особенности. Способы добавления стилей на Веб-страницу. Использование стилей при создании сайта.
Учебный курс Введение в HTML и CSS Лекция 6 Текст и списки. Позиционирование кандидат технических наук Павел Брониславович Храмцов
Троицкий Д.И. Интернет-технологии1 ИНТЕРАКТИВНЫЕ WEB-СТРАНИЦЫ КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ (CSS) Лекция 7 Кафедра «Автоматизированные станочные системы» Dept.
Каскадные таблицы стилей (CSS) Каскадные (многоуровневые) таблицы стилей – cascading style sheets (CSS) Автор: Лимаренко А.И., Учитель информатики и ИКТ.
1 Cascading Style Sheets каскадные таблицы стилей 2.
Каскадные таблицы стилей CSS Блоковая модель. Синтаксис CSS.
Транксрипт:

CSS Cascading Style Sheet

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

Основной синтаксис CSS правила Selector { property : value ; }

Добавление CSS в HTML тэги Можно задавать стили конкретно для каждого тэга. Wonderland Wonderland

Добавление CSS на Web страницу H1 { color: red; }….

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

Импортирование внешнего CSS url (filename.css) body { background : white url (picture.gif) no-repeat;}

Определение HTML селектора p { color: red; font-size: 12px; line-height: 18px; font-family: verdana, arial; }

Определение классов для создания тэгов.copy { color: black; font-size: 12px; line-height: 18px; font-family: verdana, arial, helvetica; }….…. здесь будет текст здесь будет текст

Определение ID для идентификации объекта #area { color: red; position: relative; margin-left: 9em; }….….

Определение тэгов с помощью одинаковых правил h1,h2,p,.copy { font-size: 12px; color: red; font-size: 12px; line-height: 18px; font-family: verdana, arial, helvetica; }

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

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