Вградете CSS в HTML 5 - така се прави
Свързани Видеоклипове: (Може 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 inline стил: използвайте командите директно
Последният начин за интегриране на CSS в HTML 5 е inline стил. Това означава, че въвеждате вашите команди директно в изходния код.
- Отидете до мястото, където искате да промените графичния дисплей.
- Въведете директно CSS командите. Например, това може да изглежда така:
Синя подпозиция
- Свойството се използва само за тази команда.