Външни стилови таблици - Медийното изображение - Уебсайтът е в процес на разработка
Същността на метода е, че CSS се поставя в отделен файл (или файлове). И HTML указва точно кои CSS файлове да се приложат към него.
Представяме ви външна маса
Тагът за връзка за външни листове със стилове
Тагът за връзка се използва за включване на външен CSS.
Запознайте се с етикета на връзката:
- установява връзки с външни документи, най-често със стилови таблици;
- трябва да се постави в главата;
- В един документ може да има няколко етикета за връзки.
CSS примери за свързване
Обикновено се използват три атрибута:
- rel - отговорен за установяване на връзката и в този случай има стойност "stylesheet";
- type е MIME типът на включения обект. Имаме стилова таблица - това означава, че типът е "text / сss";
- href е абсолютен или относителен път към самия CSS файл.
Възможно е също така да включите индивидуален CSS в зависимост от устройството за показване. За това е атрибутът media. Повече информация за неговите значения можете да намерите в нашето ръководство.
Пример за свързване на допълнителен стилов лист за устройства за печат:
Предимства на външен CSS
В допълнение към факта, че всички правила са ясно групирани в отделен файл и са лесни за намиране и, ако е необходимо, редактиране, външните таблици имат редица значителни предимства в сравнение с вложените. Например:
Използването на външни таблици със стилове е най-удобният и интелигентен начин за свързване на HTML и CSS. Надявам се изводът да е ясен. В реални проекти използвайте външни стилови листове.