Одно большое преимущество наличия CSS во внешнем файле состоит в том, что одно правило может применяться ко многим различным страницам . Вот контраст трех подходов CSS:
Встроенные стили - чтобы изменить цвет на синий, вы должны найти каждое место, где существует красный стиль - возможно, на многих страницах.
<span style="color: red;">This is a warning.</span>
Стили страницы - это позволяет вам пометить чем-то - в данном случае предупреждение - вместо как это выглядит . Вы можете изменить все «предупреждения» на странице, чтобы вместо этого иметь желтый фон, изменив одну строку кода в верхней части страницы.
<head>
<style type="text/css">
.warning {color: red;}
</style>
<body>
<span class="warning">This is a warning.</span*>
Внешний файл - тот же код, что и выше, но тот факт, что информация о стиле находится в отдельном файле, означает, что вы можете использовать класс «warning» на многих страницах.