Latest web development tutorials

etiqueta <style> HTML

Ejemplos

El uso de la etiqueta <style> en un documento HTML:

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

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

</html>

Trate »

Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos los principales navegadores soportan la etiqueta <style>.


definiciones de código e instrucciones

<Style> define la información de estilo en el documento HTML.

En el elemento <style>, puede especificar al navegador cómo hacer que el documento HTML.

Cada documento HTML puede contener etiqueta <style> múltiple.


Notas y sugerencias

Consejo: Para vincular una hoja de estilos externa, utilice el <link> etiqueta.

Consejo: Para obtener más información sobre las hojas de estilo, por favor, lea nuestro tutorial de CSS .

NOTA: Si no se utiliza la opción "con ámbito" propiedad, cada etiqueta <style> debe estar en la cabeza de la región de la cabeza.


Diferencias entre HTML 4.01 y HTML5

"Scoped" atributo en HTML 5 es una nueva propiedad, que nos permite definir un estilo para la parte específica del documento, en lugar de todo el documento.
Si se utiliza un atributo "con ámbito", entonces el estilo puede ser aplicado únicamente al elemento de estilo elemento principal especificado y sus elementos secundarios.


propiedad

Nuevo: HTML5 nueva propiedad.

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


Propiedades globales

Etiqueta <style> soporta HTML propiedades globales .


Propiedades del evento

Etiqueta <style> es compatible con las propiedades de evento HTML .


Artículos relacionados

Tutorial HTML: HTML CSS

HTML DOM Referencia: Estilo Objetos