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


КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ CSS

Назначение каскадных таблиц стилей CSSCSS (Cascading Style Sheets) – совокупность правил форматирования элементов Web-страницы Стиль CSS связывается с соответствующим HTML-элементом и указывает браузеру, как воспроизводить этот объект на экранеCSS служат

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

Слайд 1КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ CSS

КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ  CSS

Слайд 2Назначение каскадных таблиц стилей CSS
CSS (Cascading Style Sheets) – совокупность

правил форматирования элементов Web-страницы
Стиль CSS связывается с соответствующим HTML-элементом

и указывает браузеру, как воспроизводить этот объект на экране
CSS служат для раздельного хранения содержания и формы представления Web-документа
CSS сохраняют логическую (содержательную) структуру Web-страницы, но позволяют произвольно форматировать и изменять положение HTML-элементов на странице
CSS стили загружаются в память браузера один раз и используются для всех страниц сайта без повторной загрузки (принцип кэширования)

Назначение  каскадных таблиц стилей CSSCSS (Cascading Style Sheets) – совокупность правил форматирования элементов Web-страницы Стиль CSS

Слайд 3Основные возможности стилей CSS
Устанавливать точный размер символов
Задавать отступы при

размещении текста
Устанавливать поля Web-страницы и элементов блочного уровня
Устанавливать интервалы между

буквами, словами, строками и абзацами текста
Задавать точное расположение элементов на странице
Изменять форму отображения элементов
Воспринимать команды программ для динамического управления представлением содержания Web-страницы


Основные возможности стилей CSS Устанавливать точный размер символовЗадавать отступы при размещении текстаУстанавливать поля Web-страницы и элементов блочного

Слайд 4 Типы каскадных таблиц стилей CSS
Стиль браузера (правила стиля не

объявлены)
Стиль пользователя (задаются для браузера пользователем)
Встроенный стиль (для HTML-элемента)
Внедренный стиль

(для Web-страницы)
Связанный стиль (во внешнем css-файле)
Импортированный стиль(во внешнем css-файле)
Каскад – это иерархия применения стилей:
1 – 2 – 3 – 4 – 5,6

Типы каскадных таблиц стилей CSSСтиль браузера (правила стиля не объявлены)Стиль пользователя (задаются для браузера пользователем)Встроенный стиль

Слайд 5Правила стиля CSS
Таблицы стилей CSS состоят из списков правил стиля

для HTML-элементов и именованных селекторов
Правило стиля состоит из двух компонент:
селектор

– элемент, который подвергается форматированию
объявление – описание, как должен отображаться элемент в браузере
Например:
h1 {color: red; font-size: 12px}
Правила стилей для именованных селекторов:
h1.имя {объявление} – имя селектора для заголовка h1
.имя {объявление} – имя селектора для любых элементов
#имя {объявление} – имя селектора для одного элемента

Правила стиля CSS	Таблицы стилей CSS состоят из списков правил стиля для HTML-элементов и именованных селекторовПравило стиля состоит

Слайд 6Включение CSS-стилей
Подключение CSS-стилей происходит:
в HTML-элементах страницы
в заголовке страницы
ссылкой на

внешний текстовый файл
Для включения CSS-стиля используются 4 HTML-дескриптора (тега) для

модификации всего документа, его части или отдельного HTML-элемента:
,
,
Дескриптор ссылается на внешнийссылается на внешний текстовый файл с расширением *.css

Использование дескрипторов 	Дескриптор в заголовке страницы определяет стили отдельных HTML-элементов, а также имена стилей для атрибутов id

Слайд 9Основные принципы использования CSS-стилей
Группировка:

h1, h2, h3 {font-famaly: helvetica}

courier; color: green”>
Наследование – дочерние дескрипторы наследуют CSS-стили, определенные для

родительских дескрипторов (например, родитель для

и т.п.)

Основные принципы использования CSS-стилей	Группировка:		h1, h2, h3 {font-famaly: helvetica}			Наследование – дочерние дескрипторы наследуют CSS-стили, определенные для родительских дескрипторов

Слайд 10Очередность применения CSS-стилей в Web-документе
CSS-выражения сортируются по «весу», наибольший вес

имеет CSS-выражение, помеченное как !important
Более частные CSS-выражения приоритетнее более общих
Если

CSS-выражения имеют одинаковый вес, то выполняется то, которое было задано последним
Если стиль для дочернего элемента не задан, то выполняется стиль родительского элемента
Стиль, импортированный через , имеет самый низкий приоритет
Очередность применения CSS-стилей в Web-документеCSS-выражения сортируются по «весу», наибольший вес имеет CSS-выражение, помеченное как !importantБолее частные CSS-выражения

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

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

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

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

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


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

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