Тег <style> HTML встроенные стили CSS

Рейтинг: 5 из 5, голосов 2
+++++

Тег <style> HTML содержит встроенные CSS стили страницы.

Внутри тега style размещаются CSS правила, определяющие как будет отображаться страница в браузере (отвечают за стиль каждого элемента страницы).

CSS свойства, описанные в тегах <style>, будут действовать на всю страницу сайта не зависимо от расположения тега style.

Размещать теги <style> можно как в head, так и в body областях HTML документа. Можно использовать несколько HTML тегов style на одной странице.

Вы также можете подключить внешний файл стилей CSS (для этого используйте тег <link>), либо добавить CSS код для конкретного элемента с помощью атрибута style.

Подробнее о том как вставить CSS в HTML смотрите в статье: Подключение стилей CSS к HTML документу. Как подключить CSS файл.

Тег <style> в HTML обычно используется для подключения индивидуальных CSS правил страницы. Определять общие CSS стили сайта лучше через внешний CSS файл с помощью тега <link>.

Синтаксис

<style>CSS стили страницы</style>

Пример использования тега <style> в HTML коде

<!DOCTYPE html>
<html>
<head>
<title>Встроенные в HTML документ стили CSS c помощью тега style</title>
<style type="text/css">
.last_news {
margin-bottom: 20px;
font: normal 16px Tahoma, sans-serif;
}
.toolbar .last_news a {
text-decoration: underline;
color: black;
}
</style>
</head>
<body>
<!-- контент страницы -->
</body>
</html>

Поддержка браузерами

Тег Google Chrome Internet Explorer Mozilla FireFox Safari Opera
<style> Да Да Да Да Да

Атрибуты тега <style>

Атрибут Значение Описание
media

media_query

Определяет условия применения CSS стилей, содержащихся внутри тега (содержит требования к устройству пользователя). Если атрибут не указан, стили из тега будут применены для любого устройства пользователя.
type

media_type

Определяет тип содержимого тега. В HTML5 единственное поддерживаемое значение: "text/css".

Обязательный атрибут для HTML 4.01.

Тег <style> также поддерживает глобальные HTML атрибуты.

Оцените, насколько полезна эта страница
+++++
Оставьте комментарий

Отправляя форму, я даю согласие на обработку персональных данных.