Latest web development tutorials

tag HTML <style>

Exemplos

Usando o elemento <style> em um documento HTML:

<html>
<head>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>

<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>

</html>

tente »

Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos os principais navegadores suportam a tag <style>.


definições e instruções tag

<Style> tag define as informações de estilo no documento HTML.

No elemento <style>, você pode especificar o navegador como renderizar o documento HTML.

Cada documento HTML pode conter tag múltipla <style>.


Dicas e Notas

Dica: Para ligar uma folha de estilo externa, use o <link> tag.

Dica: Para saber mais sobre folhas de estilo, leia o nosso tutorial CSS .

NOTA: Se você não usar o "escopo" da propriedade, cada tag <style> deve estar na cabeça da região de cabeça.


Diferenças entre HTML 4.01 e HTML5

"Scoped" atributo no HTML 5 é uma nova propriedade, o que nos permite definir um estilo para a parte específica do documento, em vez de todo o documento.
Se você usar um atributo "escopo", em seguida, o estilo pode ser aplicado somente para o elemento pai elemento de estilo especificado e seus elementos filho.


propriedade

Novo: HTML5 nova propriedade.

属性 描述
media media_query 为样式表规定不同的媒体类型。
scoped New scoped 如果使用该属性,则样式仅仅应用到 style 元素的父元素及其子元素。
type text/css 规定样式表的 MIME 类型。


Propriedades globais

<Style> tag suporta HTML propriedades globais .


Propriedades de evento

<Style> tag suporta propriedades de evento HTML .


artigos relacionados

HTML Tutorial: HTML CSS

HTML DOM Referência: Estilo Objects