HTML Основы


HTML Расширенный


HTML Примеры


HTML Справка




Введение в стили HTML


назад вперед

В HTML 4.0 форматирование документа может быть вынесено из кода html и сохранено в специальном файле CSS (Cascading Style Sheet — Каскадные таблицы стилей).


Примеры

Стили в HTML

Этот пример демонстрирует как форматировать документы с помощью добавления стилевой информации в раздел <head> вашего html-файла.

Ссылки без подчеркивания

Пример демонстрирует, как сделать ссылки без подчеркивания с помощью стилевых атрибутов.

Ссылка на внешний файл стилей

Пример демонстрирует использование тега <link> для ссылки на внешний файл стилей документа.


Как использовать стили?

Браузер использует 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.


Стилевые теги

Тег Описание
<style> Информация о стиле документа
<link> Ссылка на ресурс
<div> Определяет блок (секцию) в документе
<span> Определяет блок (секцию) в документе
<font> Устарело. Используйте css.
<basefont> Устарело. Используйте css.
<center> Устарело. Используйте css.


Поисковой портал Jooble - позволяет в один клик найти любую интересующую вакансию по всему интернету.

Понравилась запись? Сказать "Спасибо" очень просто, поделитесь записью в социальных сетях!


назад вперед

СТАТИСТИКА




ССЫЛКИ


Подпишись на новости сайта