🗊Презентация Fullstack разработка. Введение в CSS

Категория: Устройства и комплектующие
Нажмите для полного просмотра!
Fullstack разработка. Введение в CSS, слайд №1Fullstack разработка. Введение в CSS, слайд №2Fullstack разработка. Введение в CSS, слайд №3Fullstack разработка. Введение в CSS, слайд №4Fullstack разработка. Введение в CSS, слайд №5Fullstack разработка. Введение в CSS, слайд №6Fullstack разработка. Введение в CSS, слайд №7Fullstack разработка. Введение в CSS, слайд №8Fullstack разработка. Введение в CSS, слайд №9Fullstack разработка. Введение в CSS, слайд №10Fullstack разработка. Введение в CSS, слайд №11Fullstack разработка. Введение в CSS, слайд №12Fullstack разработка. Введение в CSS, слайд №13Fullstack разработка. Введение в CSS, слайд №14Fullstack разработка. Введение в CSS, слайд №15Fullstack разработка. Введение в CSS, слайд №16Fullstack разработка. Введение в CSS, слайд №17Fullstack разработка. Введение в CSS, слайд №18Fullstack разработка. Введение в CSS, слайд №19Fullstack разработка. Введение в CSS, слайд №20Fullstack разработка. Введение в CSS, слайд №21Fullstack разработка. Введение в CSS, слайд №22Fullstack разработка. Введение в CSS, слайд №23Fullstack разработка. Введение в CSS, слайд №24Fullstack разработка. Введение в CSS, слайд №25Fullstack разработка. Введение в CSS, слайд №26Fullstack разработка. Введение в CSS, слайд №27Fullstack разработка. Введение в CSS, слайд №28Fullstack разработка. Введение в CSS, слайд №29Fullstack разработка. Введение в CSS, слайд №30Fullstack разработка. Введение в CSS, слайд №31Fullstack разработка. Введение в CSS, слайд №32Fullstack разработка. Введение в CSS, слайд №33Fullstack разработка. Введение в CSS, слайд №34Fullstack разработка. Введение в CSS, слайд №35Fullstack разработка. Введение в CSS, слайд №36Fullstack разработка. Введение в CSS, слайд №37
Скачать

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Fullstack разработка. Введение в CSS. Доклад-сообщение содержит 37 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

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

Слайд 1


«Fullstack» разработка Лекция 2 Введение в CSS
Описание слайда:
«Fullstack» разработка Лекция 2 Введение в CSS

Слайд 2


em привязан к размеру шрифта, заданного в браузере по умолчанию или к размеру шрифта родительского элемента. А ex это высота прописной (маленькой) буквы «x» (икс) в латинской раскладке. То есть em также привязан к размеру шрифта, заданного в браузере по умолчанию или к размеру шрифта родительского элемента. 
Описание слайда:
em привязан к размеру шрифта, заданного в браузере по умолчанию или к размеру шрифта родительского элемента. А ex это высота прописной (маленькой) буквы «x» (икс) в латинской раскладке. То есть em также привязан к размеру шрифта, заданного в браузере по умолчанию или к размеру шрифта родительского элемента. 

Слайд 3


CSS (Cascading Style Sheets) CSS — это язык стилей, определяющий отображение HTML-документов.
Описание слайда:
CSS (Cascading Style Sheets) CSS — это язык стилей, определяющий отображение HTML-документов.

Слайд 4


Исходный код документа
Описание слайда:
Исходный код документа

Слайд 5


Исходный код документа (результат)
Описание слайда:
Исходный код документа (результат)

Слайд 6


Содержимое стилевого файла
Описание слайда:
Содержимое стилевого файла

Слайд 7


Содержимое стилевого файла (результат)
Описание слайда:
Содержимое стилевого файла (результат)

Слайд 8


Типы стилей Стиль браузера; Стиль автора; Стиль пользователя.
Описание слайда:
Типы стилей Стиль браузера; Стиль автора; Стиль пользователя.

Слайд 9


Стиль браузера Оформление, которое по умолчанию применяется к элементам веб-страницы браузером. Это оформление можно увидеть в случае «голого» HTML, когда к документу не добавляется никаких стилей. Например, заголовок страницы, формируемый тегом <H1>, в большинстве браузеров выводится шрифтом с засечками размером 24 пункта.
Описание слайда:
Стиль браузера Оформление, которое по умолчанию применяется к элементам веб-страницы браузером. Это оформление можно увидеть в случае «голого» HTML, когда к документу не добавляется никаких стилей. Например, заголовок страницы, формируемый тегом <H1>, в большинстве браузеров выводится шрифтом с засечками размером 24 пункта.

Слайд 10


Стиль автора Стиль, который добавляет к документу его разработчик. Этот стиль определяется файлом style.css
Описание слайда:
Стиль автора Стиль, который добавляет к документу его разработчик. Этот стиль определяется файлом style.css

Слайд 11


Стиль пользователя Это стиль, который может включить пользователь сайта через настройки браузера. Такой стиль имеет более высокий приоритет и переопределяет исходное оформление документа. В браузере Internet Explorer подключение стиля пользователя делается через меню Сервис > Свойство обозревателя > Кнопка «Оформление».
Описание слайда:
Стиль пользователя Это стиль, который может включить пользователь сайта через настройки браузера. Такой стиль имеет более высокий приоритет и переопределяет исходное оформление документа. В браузере Internet Explorer подключение стиля пользователя делается через меню Сервис > Свойство обозревателя > Кнопка «Оформление».

Слайд 12


Способы добавления стилей на страницу Связанные стили; Глобальные стили; Внутренние стили; Импорт CSS.
Описание слайда:
Способы добавления стилей на страницу Связанные стили; Глобальные стили; Внутренние стили; Импорт CSS.

Слайд 13


Связанные (внешние) стили
Описание слайда:
Связанные (внешние) стили

Слайд 14


Глобальные стили
Описание слайда:
Глобальные стили

Слайд 15


Внутренние (инлайн-) стили
Описание слайда:
Внутренние (инлайн-) стили

Слайд 16


Импорт CSS
Описание слайда:
Импорт CSS

Слайд 17


Базовый синтаксис CSS Selector (селектор) — указывает на тег, класс или идентификатор к которому применяются стилевые параметры. Property (свойство) — указывает, какое стилевое свойство применить к данному селектору (например: цвета, границы, размеры, шрифты и т.д.). Value (значение) — указывает, какие именно значения установить для определённого свойства.
Описание слайда:
Базовый синтаксис CSS Selector (селектор) — указывает на тег, класс или идентификатор к которому применяются стилевые параметры. Property (свойство) — указывает, какое стилевое свойство применить к данному селектору (например: цвета, границы, размеры, шрифты и т.д.). Value (значение) — указывает, какие именно значения установить для определённого свойства.

Слайд 18


Формы записи
Описание слайда:
Формы записи

Слайд 19


Разные значения у одного свойства
Описание слайда:
Разные значения у одного свойства

Слайд 20


Комментарии
Описание слайда:
Комментарии

Слайд 21


Размеры
Описание слайда:
Размеры

Слайд 22


Адреса
Описание слайда:
Адреса

Слайд 23


Представление цветов В шестнадцатиричном виде (пример: #FF00EE или в краткой форме: #F0E); По названию константы (red, green, orange, olive и т.д.); С помощью функции rgb в десятичном представлении (например: rgb(128, 255, 0) или rgb(51%, 100%, 0) ). С помощью функции rgba, где добавляется альфа-канал, позволяющий изменять прозрачность (например: rgba(128, 255, 0, 0.5)).
Описание слайда:
Представление цветов В шестнадцатиричном виде (пример: #FF00EE или в краткой форме: #F0E); По названию константы (red, green, orange, olive и т.д.); С помощью функции rgb в десятичном представлении (например: rgb(128, 255, 0) или rgb(51%, 100%, 0) ). С помощью функции rgba, где добавляется альфа-канал, позволяющий изменять прозрачность (например: rgba(128, 255, 0, 0.5)).

Слайд 24


Некоторые цвета
Описание слайда:
Некоторые цвета

Слайд 25


Классы
Описание слайда:
Классы

Слайд 26


Идентификаторы
Описание слайда:
Идентификаторы

Слайд 27


Идентификаторы и классы Идентификаторы и классы чувствительны к регистру.
Описание слайда:
Идентификаторы и классы Идентификаторы и классы чувствительны к регистру.

Слайд 28


Контекстные селекторы
Описание слайда:
Контекстные селекторы

Слайд 29


Соседние селекторы
Описание слайда:
Соседние селекторы

Слайд 30


Дочерние элементы
Описание слайда:
Дочерние элементы

Слайд 31


Дочерние селекторы
Описание слайда:
Дочерние селекторы

Слайд 32


Универсальный селектор Стиль применяется ко всем тегам. Например, в данном случае стиль установит красный цвет текста для всех элементов, которые находятся в теге <p>:
Описание слайда:
Универсальный селектор Стиль применяется ко всем тегам. Например, в данном случае стиль установит красный цвет текста для всех элементов, которые находятся в теге <p>:

Слайд 33


Селекторы атрибутов Стиль применяется к селектору, но только в том случае, если у этого элемента имеется атрибут, значение которого равно указанному. Значение атрибута можно опустить — в таком случае стиль применится ко всем элементам, которые устанавливает селектор, у которых имеется указанный атрибут.
Описание слайда:
Селекторы атрибутов Стиль применяется к селектору, но только в том случае, если у этого элемента имеется атрибут, значение которого равно указанному. Значение атрибута можно опустить — в таком случае стиль применится ко всем элементам, которые устанавливает селектор, у которых имеется указанный атрибут.

Слайд 34


Группирование Пример стилей для каждого селектора:
Описание слайда:
Группирование Пример стилей для каждого селектора:

Слайд 35


Группирование Пример сгруппированных стилей:
Описание слайда:
Группирование Пример сгруппированных стилей:

Слайд 36


Наследование Наследованием называется перенос правил форматирования для элементов, находящихся внутри других. Такие элементы являются дочерними, и они наследуют некоторые стилевые свойства своих родителей, внутри которых располагаются.
Описание слайда:
Наследование Наследованием называется перенос правил форматирования для элементов, находящихся внутри других. Такие элементы являются дочерними, и они наследуют некоторые стилевые свойства своих родителей, внутри которых располагаются.

Слайд 37


Валидация CSS http://jigsaw.w3.org/css-validator/
Описание слайда:
Валидация CSS http://jigsaw.w3.org/css-validator/

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию