Это оформление можно увидеть в случае «голого» HTML, когда к
документу не добавляется никаких стилей.Например, заголовок страницы, формируемый тегом
Разделы презентаций
- Разное
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Геометрия
- Детские презентации
- Информатика
- История
- Литература
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Fullstack разработка
Содержание
- 1. Fullstack разработка
- 2. CSS (Cascading Style Sheets)CSS — это язык стилей, определяющий отображение HTML-документов.
- 3. Исходный код документа
- 4. Исходный код документа (результат)
- 5. Содержимое стилевого файла
- 6. Содержимое стилевого файла (результат)
- 7. Типы стилейСтиль браузера;Стиль автора;Стиль пользователя.
- 8. Стиль браузераОформление, которое по умолчанию применяется к
- 9. Стиль автораСтиль, который добавляет к документу его разработчик. Этот стиль определяется файлом style.css
- 10. Стиль пользователяЭто стиль, который может включить пользователь
- 11. Способы добавления стилей на страницуСвязанные стили;Глобальные стили;Внутренние стили;Импорт CSS.
- 12. Связанные (внешние) стили
- 13. Глобальные стили
- 14. Внутренние (инлайн-) стили
- 15. Импорт CSS
- 16. Базовый синтаксис CSSSelector (селектор) — указывает на тег,
- 17. Формы записи
- 18. Разные значения у одного свойства
- 19. Комментарии
- 20. Размеры
- 21. Размерыem привязан к размеру шрифта, заданного в браузере
- 22. Адреса
- 23. Представление цветовВ шестнадцатиричном виде (пример: #FF00EE или в краткой
- 24. Некоторые цвета
- 25. Классы
- 26. Идентификаторы
- 27. Идентификаторы и классыИдентификаторы и классы чувствительны к регистру.
- 28. Контекстные селекторы
- 29. Соседние селекторы
- 30. Дочерние элементы
- 31. Дочерние селекторы
- 32. Универсальный селекторСтиль применяется ко всем тегам.Например, в
- 33. Селекторы атрибутовСтиль применяется к селектору, но только в
- 34. ГруппированиеПример стилей для каждого селектора:
- 35. ГруппированиеПример сгруппированных стилей:
- 36. НаследованиеНаследованием называется перенос правил форматирования для элементов, находящихся внутри
- 37. Валидация CSShttp://jigsaw.w3.org/css-validator/
- 38. Скачать презентанцию
CSS (Cascading Style Sheets)CSS — это язык стилей, определяющий отображение HTML-документов.
Слайды и текст этой презентации
Слайд 8Стиль браузера
Оформление, которое по умолчанию применяется к элементам веб-страницы браузером.
Например, заголовок страницы, формируемый тегом
, в большинстве браузеров выводится шрифтом с засечками размером 24 пункта.
Слайд 9Стиль автора
Стиль, который добавляет к документу его разработчик. Этот стиль
определяется файлом style.css
Слайд 10Стиль пользователя
Это стиль, который может включить пользователь сайта через настройки
браузера. Такой стиль имеет более высокий приоритет и переопределяет исходное
оформление документа.В браузере Internet Explorer подключение стиля пользователя делается через меню Сервис > Свойство обозревателя > Кнопка «Оформление».
Слайд 11Способы добавления стилей на страницу
Связанные стили;
Глобальные стили;
Внутренние стили;
Импорт CSS.
Слайд 16Базовый синтаксис CSS
Selector (селектор) — указывает на тег, класс или идентификатор
к которому применяются стилевые параметры.
Property (свойство) — указывает, какое стилевое свойство
применить к данному селектору (например: цвета, границы, размеры, шрифты и т.д.).Value (значение) — указывает, какие именно значения установить для определённого свойства.
Слайд 21Размеры
em привязан к размеру шрифта, заданного в браузере по умолчанию или
к размеру шрифта родительского элемента. А ex это высота прописной (маленькой) буквы
«x» (икс) в латинской раскладке. То есть em также привязан к размеру шрифта, заданного в браузере по умолчанию или к размеру шрифта родительского элемента.
Слайд 23Представление цветов
В шестнадцатиричном виде (пример: #FF00EE или в краткой форме: #F0E);
По названию константы
(red, green, orange, olive и т.д.);
С помощью функции rgb в десятичном представлении (например: rgb(128, 255, 0) или rgb(51%, 100%,
0) ).С помощью функции rgba, где добавляется альфа-канал, позволяющий изменять прозрачность (например: rgba(128, 255, 0, 0.5)).
Слайд 32Универсальный селектор
Стиль применяется ко всем тегам.
Например, в данном случае стиль
установит красный цвет текста для всех элементов, которые находятся в
теге:
Слайд 33Селекторы атрибутов
Стиль применяется к селектору, но только в том случае, если
у этого элемента имеется атрибут, значение которого равно указанному. Значение атрибута
можно опустить — в таком случае стиль применится ко всем элементам, которые устанавливает селектор, у которых имеется указанный атрибут.
Слайд 36Наследование
Наследованием называется перенос правил форматирования для элементов, находящихся внутри других. Такие элементы
являются дочерними, и они наследуют некоторые стилевые свойства своих родителей,
внутри которых располагаются.
