English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS (Cascading Style Sheets) se utiliza para renderizar estilos de etiquetas de elementos HTML.
HTML usa estilos
Este ejemplo demuestra cómo usar la información de estilo agregada al <head> para formatear HTML.
Demostrar cómo usar el atributo de estilo para crear un enlace sin subrayado.
Cómo usar el atributo style para crear un enlace sin subrayado.
enlazar a una hoja de estilo externa
Este ejemplo demuestra cómo
La etiqueta enlaza a una hoja de estilo externa.
CSS se encuentra en HTML 4 Introducido para mejorar la renderización de elementos HTML.
CSS se puede agregar a HTML de la siguiente manera:
Estilo en línea- En el atributo "style" del elemento HTML
Hojas de estilo internas -En la región <head> del documento HTML, utiliza el elemento <style> para incluir CSS
Referencia externa - Uso de archivos CSS externos
La mejor manera es mediante la referencia externa de archivos CSS.
En los tutoriales de HTML de este sitio utilizamos estilos CSS en línea para presentar ejemplos, esto se hace para simplificar los ejemplos y facilitarte la edición y ejecución de ejemplos en línea.
Puedes hacerlo a través de Tutoriales de CSS Aprende más sobre CSS.
Cuando se necesita aplicar un estilo especial a un elemento individual, se puede usar estilo en línea. El método para usar estilo en línea es utilizar la propiedad de estilo en la etiqueta relevante. La propiedad de estilo puede contener cualquier atributo CSS. A continuación se muestra un ejemplo de cómo cambiar el color del párrafo y el margen izquierdo externo.
<p style="color:blue;margin-izquierda:20px;">Este es un párrafo.</p>
Para aprender más sobre estilos, visite Tutoriales de CSS.
Atributo de color de fondo (background-definir un color de fondo de un elemento:
!DOCTYPE html> <html> <head> <meta charset="utf-8> <title> Tutoriales básicos(oldtoolbag.com)</title> </head> <body style="background-color:yellow;"> <h2 style="background-color:red;">Este es un título</h2> <p style="background-color:green;">Este es un párrafo.</p> </body> </html>Prueba para ver ‹/
Atributo de color de fondo antiguo (background-color) se definen usando el atributo bgcolor .
Ahora se utiliza comúnmente font-family (fuente), color (color), y font-size (tamaño de fuente) atributo para definir el estilo de texto, en lugar de usar la etiqueta <font>.
Usa text-El atributo align (alineación de texto) especifica la alineación horizontal y vertical del texto:
!DOCTYPE html> <html> <head> <meta charset="utf-8> <title> Tutoriales básicos(oldtoolbag.com)</title> </head> <body> <h1 style="text-align:center;">Título alineado al centro</h1> <p>Este es un párrafo.</p> </body> </html>Prueba para ver ‹/›
Atributo de alineación de texto text-align reemplazó la etiqueta antigua <center> .
Cuando un archivo necesita un estilo especial, se puede usar una hoja de estilo interna. Puedes definir una hoja de estilo interna usando la etiqueta <style> en la sección <head>:
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>Cuando el estilo debe aplicarse a muchas páginas, las hojas de estilo externas son la opción ideal. Al usar hojas de estilo externas, puedes cambiar la apariencia de todo el sitio web cambiando un solo archivo.
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
| Etiqueta | Descripción |
| <style> | Definir el estilo de texto |
| <link> | Definir la dirección de referencia de los recursos |
En HTML 4, las etiquetas y atributos que solían definir el estilo de elementos HTML ya no se utilizan. Estas etiquetas no serán compatibles con las nuevas versiones de las etiquetas HTML.
Etiquetas no recomendadas: <font>, <center>, <strike>
Atributos no recomendados: color y bgcolor.