HTML HTML5 XHTML ПРИМЕРЫ СПРАВОЧНИК РЕКЛАМА ГОСТЕВАЯ

HTML Урок 11 Стили


« Назад Далее »

Стили CSS используются для оформления HTML элементов.


Посмотрите! Стили и цвета

Это красный Verdana-текст

Это голубой Times-текст

Это текст высотой 30 пикселей


Пример

Оформление HTML с помощью CSS

CSS был введен вместе с HTML 4, чтобы обеспечить более лучший способ оформлять HTML элементы.

CSS может быть добавлен в HTML следующими путями:

  • в отдельные файлы каскадных таблиц стилей (CSS файлы)
  • в style-элемент в HTML head разделе
  • в style-атрибут для отдельных HTML элементов

Использование HTML Style Атрибута

Весьма времязатратно и не очень практично оформлять HTML элементы, используя атрибут style.

Более предпочтительный способ добавлять CSS в HTML - описывать CSS оформление в отдельных CSS файлах.

Однако, в этом HTML курсе мы расскажем об использовании CSS в style атрибуте. Это сделано для упрощения примеров.

Вы можете узнать все о CSS на наших уроках CSS.


HTML Пример Оформления - Цвет Фона

Стилевое свойство "цвет фона" определяет цвет фона элемента:

Пример

<html>
<body style="background-color:yellow;">


</body>
</html>


Попробуйте сами »
Щелкните на кнопке "Попробуйте сами" чтобы увидеть как это работает

Стилевое свойство background-color делает bgcolor атрибут устаревшим.

Пример: Установка цвета фона устаревшим способом


HTML Пример Оформления - Шрифт, Цвет и Размер

Свойства font-family, color, и font-size определяют шрифт, цвет и размер текста в элементе:

Пример

<html>
<body>


</body>
</html>


Попробуйте сами »
Щелкните на кнопке "Попробуйте сами" чтобы увидеть как это работает

Стилевые свойства font-family, color, и font-size делают тег <font> устаревшим.


HTML Пример Оформления - Выравнивание Текста

Свойство text-align указывает горизонтальное выравнивание текста в элементе:

Пример

<html>
<body>




</body>
</html>


Попробуйте сами »
Щелкните на кнопке "Попробуйте сами" чтобы увидеть как это работает

Стилевое свойство text-align делает тег <center> tag устаревшим.

Пример: Выравнивание заголовка старым способом


Устаревшие Теги и Атрибуты

В HTML 4, несколько тегов и атрибутов стали вышедшими из употребления и не рекомендуются для использования, т.к. они не будут поддерживаться в будущих версиях HTML.

Замечание Посылка ясная: Избегайте использование вышедших из употребления тегов и атрибутов!

Эти теги и атрибуты следует избегать:

ТегОписание
<center>Устаревший. Определяет центрированное содержимое
<font>Устаревший. Определяет HTML шрифты
<s> и <strike>Устаревший. Определяет зачеркнутый текст
<u>Устаревший. Определяет подчеркнутый текст
АтрибутыОписание
alignУстаревший. Определяет выравнивание текста
bgcolorУстаревший. Определяет цвет фона
colorУстаревший. Определяет цвет текста

Вместо этих тегов и атрибутов: Используйте CSS стили!




« Назад Далее »
© 2011-2017 Уроки HTML
Рейтинг@Mail.ru