HTML CSS

Mediante el uso de HTML4.0, todos los códigos de formato pueden quitarse del documento HTML y luego moverse a una hoja de estilo independiente.

Ejemplo

Estilos en HTML
Este ejemplo muestra cómo usar información de estilo añadida al <head> para formatear HTML.
Enlaces sin subrayado
Este ejemplo muestra cómo usar la propiedad de estilo para crear un enlace sin subrayado.
Enlazar a una hoja de estilo externa
Este ejemplo muestra cómo enlazar un <link> a una hoja de estilo externa.

Cómo usar estilos

Cuando el navegador lee una hoja de estilo, la utiliza para formatear el documento. Hay tres formas de insertar una hoja de estilo:

Hoja de estilo externa

Cuando el estilo necesita aplicarse a muchas páginas, la hoja de estilo externa será la opción ideal. Al usar una hoja de estilo externa, puedes cambiar la apariencia de todo el sitio web modificando un solo archivo.

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

Hoja de estilo interna

Cuando un archivo individual necesita estilos especiales, se puede usar una hoja de estilo interna. Puede definir una hoja de estilo interna en la sección head mediante la etiqueta <style>.

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

Estilo en línea

Cuando se necesita aplicar un estilo especial a un elemento individual, se puede usar estilo en línea. El método para usar estilos en línea es usar propiedades de estilo en la etiqueta relevante. Las propiedades de estilo pueden 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: red; margin-left: 20px">
Este es un párrafo
</p>

Visite nuestra Tutoriales de CSS，para aprender más sobre los estilos.

Etiqueta Descripción
<style> Definir definiciones de estilo.
<link> Definir una referencia de recursos.
<div> Definir un capítulo o área (bloc) en el documento.
<span> Definir un小块或 área en línea en el documento.
<font> Especificar la fuente, el tamaño de la fuente y el color del texto. No se recomienda su uso. Utilice estilos.
<basefont> Definir fuente base. No se recomienda su uso. Utilice estilos.
<center> Centrar texto horizontalmente. No se recomienda su uso. Utilice estilos.