Fullstack разработка. Введение в CSS - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Fullstack разработка. Введение в CSS, слайд №1

Fullstack разработка. Введение в CSS, слайд №2

Fullstack разработка. Введение в CSS, слайд №3

Fullstack разработка. Введение в CSS, слайд №4

Fullstack разработка. Введение в CSS, слайд №5

Fullstack разработка. Введение в CSS, слайд №6

Fullstack разработка. Введение в CSS, слайд №7

Fullstack разработка. Введение в CSS, слайд №8

Fullstack разработка. Введение в CSS, слайд №9

Fullstack разработка. Введение в CSS, слайд №10

Fullstack разработка. Введение в CSS, слайд №11

Fullstack разработка. Введение в CSS, слайд №12

Fullstack разработка. Введение в CSS, слайд №13

Fullstack разработка. Введение в CSS, слайд №14

Fullstack разработка. Введение в CSS, слайд №15

Fullstack разработка. Введение в CSS, слайд №16

Fullstack разработка. Введение в CSS, слайд №17

Fullstack разработка. Введение в CSS, слайд №18

Fullstack разработка. Введение в CSS, слайд №19

Fullstack разработка. Введение в CSS, слайд №20

Fullstack разработка. Введение в CSS, слайд №21

Fullstack разработка. Введение в CSS, слайд №22

Fullstack разработка. Введение в CSS, слайд №23

Fullstack разработка. Введение в CSS, слайд №24

Fullstack разработка. Введение в CSS, слайд №25

Fullstack разработка. Введение в CSS, слайд №26

Fullstack разработка. Введение в CSS, слайд №27

Fullstack разработка. Введение в CSS, слайд №28

Fullstack разработка. Введение в CSS, слайд №29

Fullstack разработка. Введение в CSS, слайд №30

Fullstack разработка. Введение в CSS, слайд №31

Fullstack разработка. Введение в CSS, слайд №32

Fullstack разработка. Введение в CSS, слайд №33

Fullstack разработка. Введение в CSS, слайд №34

Fullstack разработка. Введение в CSS, слайд №35

Fullstack разработка. Введение в CSS, слайд №36

Fullstack разработка. Введение в CSS, слайд №37

Содержание ▲

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

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

Слайд 1

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

«Fullstack» разработка Лекция 2 Введение в CSS

Слайд 2

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

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

Слайд 3

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

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

Слайд 4

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

Исходный код документа

Слайд 5

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

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

Слайд 6

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

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

Слайд 7

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

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

Слайд 8

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

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

Слайд 9

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

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

Слайд 10

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

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

Слайд 11

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

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

Слайд 12

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

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

Слайд 13

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

Связанные (внешние) стили

Слайд 14

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

Глобальные стили

Слайд 15

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

Внутренние (инлайн-) стили

Слайд 16

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

Импорт CSS

Слайд 17

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

Базовый синтаксис 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)).

Слайд 24

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

Некоторые цвета

Слайд 25

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

Классы

Слайд 26

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

Идентификаторы

Слайд 27

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

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

Слайд 28

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

Контекстные селекторы

Слайд 29

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

Соседние селекторы

Слайд 30

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

Дочерние элементы

Слайд 31

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

Дочерние селекторы

Слайд 32

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

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

Слайд 33

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

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

Слайд 34

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

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

Слайд 35

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

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

Слайд 36

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

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