CSS технология (Каскадные таблицы стилей)

Содержание

Слайд 2

CSS (Cascading Style Sheets) –
Каскадные таблицы стилей - это свод стилевых

CSS (Cascading Style Sheets) – Каскадные таблицы стилей - это свод стилевых
описаний, тех или иных HTML тегов (далее элементов HTML), который может быть применён:
к отдельному тегу - элементу, или
одновременно ко всем идентичным элементам на всех страницах сайта.
CSS по сути своего рода дополнение к HTML, которое значительно расширяет его возможности.

Слайд 3

Атрибут STYLE

Практически каждый HTML тег имеет атрибут style, который говорит о том,

Атрибут STYLE Практически каждый HTML тег имеет атрибут style, который говорит о
что к этому тегу применяется некое стилевое описание.
Пишется так:

это параграф с индивидуальным стилем


Всё что будет написано между кавычками атрибута style и будет являться стилевым описанием для данного элемента.


это параграф с индивидуальным стилем


Пример:

Слайд 4

пример

результат

пример результат

Слайд 5

Тег в котором и происходит описание нужных нам элементов.

Слайд 6

Пример описания стилей:

Использование тегов для которых описан стиль:

В данном случае стили описываются

Пример описания стилей: Использование тегов для которых описан стиль: В данном случае
в заголовке документа между тегами HEAD!!!!!

Слайд 7

Внутри тега идет непосредственное объявление стилей тех или иных HTML

Внутри тега идет непосредственное объявление стилей тех или иных HTML элементов согласно
элементов согласно следующему синтаксису:

Если в блоке объявления стилей указывается несколько свойств элемента, то они между собой разделяются точкой с запятой.

Слайд 8

CSS в отдельном внешнем файле.

открываем блокнот (или другой редактор) и пишем стилевые

CSS в отдельном внешнем файле. открываем блокнот (или другой редактор) и пишем
правила;
Сохраняем файл с расширением *.css (обычно файл со стилями называют style.css).

Слайд 9

Подключить файл CSS к web – странице:

многоцелевой и служит для "связывания"

Подключить файл CSS к web – странице: многоцелевой и служит для "связывания"
HTML документа с дополнительными внешними файлами, обеспечивающими его должную работу. Тег является своего рода ссылкой, только предназначенной не для пользователей, а для программ обозревателей (браузеров). Так как несёт в себе исключительно служебную информацию он располагается в заголовке HTML документа между тегами и не выводится браузерами на экран.

Слайд 10

Тег имеет атрибуты:

href - Путь к файлу.
rel - Определяет отношения между

Тег имеет атрибуты: href - Путь к файлу. rel - Определяет отношения
текущим документом и файлом, на который делается ссылка.
shortcuticon - Определяет, что подключаемый файл является иконкой.
stylesheet - Определяет, что подключаемый файл содержит таблицу стилей.
application/rss+xml - Файл в формате XML для описания ленты новостей.
type - MIME тип данных подключаемого файла.

Слайд 11

Подключить файл CSS к web – странице:

ссылка приобретает следующий вид:

Подключить файл CSS к web – странице: ссылка приобретает следующий вид:
type="text/css“>