Браузер использует css файл для форматирования документа. Существует три способа вставки стилевой информации в html-файл:
Внешний файл css
Идеально подходит для применения стиля ко многим страницам. Использование внешнего файла css позволяет менять оформление всего сайта, изменяя всего один файл. На каждой странице сайта надо вставить ссылку на внешний файл стиля, используя тег <link>. Тег <link> надо вставлять в раздел <head> документа.
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
Внутренний стиль
Внутренний стиль применяется в том случае, если вам надо изменить оформление только на одной странице. Это делается с помощью тега <style>, который надо поместить в раздел <head> документа.
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
Строчный стиль
Строчный стиль применяется для уникализации стиля конкретного элемента.
Для использования строчного стиля вы помещаете его в соответстующий тег. Атрибут тега style может содержать любое свойство CSS. Этот пример демонстрирует как изменить цвет и отступ слева параграфа:
<p style="color: red; margin-left: 20px">
Это параграф.
</p>
Чтобы узнать больше о CSS, посетите наш учебник CSS.
