Вставить CSS в HTML 5 - вот как это делается
Видео по теме: (May 2024).
Вы можете легко интегрировать CSS в HTML 5. Потому что, если вы хотите сделать свои HTML и XML документы более привлекательными в графическом виде, Cascading Style Sheets (CSS) - хороший выбор. Язык форматирования предлагает вам множество вариантов визуального улучшения ваших сайтов. Существует три основных способа интеграции CSS в HTML 5. Мы покажем вам это в этом практическом совете.
CSS в HTML 5: вариант 1 - внешний CSS-файл
Первый вариант - переместить CSS в отдельный файл. Это дает многочисленные преимущества: таблицы стилей не только влияют на одну страницу, но и автоматически используются на каждой странице HTML5. Основным преимуществом является центральная администрация. Вы можете быстро внедрить изменения на всех страницах. Как встроить файл CSS в HTML 5:
- Создайте новый файл CSS.
- В области головы обратитесь к вашему файлу CSS. В этом случае файл был назван style.css - но название, конечно, индивидуально:
- Вы должны сохранить файл style.css в главном каталоге веб-сервера.
- Вы успешно интегрировали свой CSS-файл в HTML 5.
CSS в начале вашего файла HTML 5
Если вы не хотите создавать внешний CSS-файл, вы также можете установить свойства CSS в заголовке документа HTML 5. Это влияет только на этот файл HTML 5, но не на все страницы HTML 5.
- Откройте документ HTML 5
- Вставьте следующую команду в области головы:
- Теперь определите нужные свойства: это может быть, например, размер заголовков, цвет текста и т. Д. Используйте для этого знакомые команды CSS.
- Закройте команду после ввода свойств с помощью.
- Указанные свойства приняты для этого документа HTML 5.
Встроенный стиль CSS: используйте команды напрямую
Последний способ интеграции CSS в HTML 5 - встроенный стиль. Это означает, что вы вводите свои команды непосредственно в исходном коде.
- Перейдите к точке, где вы хотите изменить графический дисплей.
- Введите команды CSS напрямую. Например, это может выглядеть так:
Синий подзаголовок
- Свойство используется только для этой команды.