Estilo HTML -CSS
CSS (hojas de estilo en cascada) El estilo utilizado para representar etiquetas de elementos HTML.
¡Mira! Estilos y colores
Cómo usar CSS
Se utilizó CSS en HTML 4 y se introdujo para representar mejor los elementos HTML.
Se puede agregar CSS a HTML de las siguientes maneras:
- Atributo "estilo" de uso de estilo en línea en elementos HTML
- Hoja de estilo interna: use el elemento <style> en el área <head> del documento HTML para incluir CSS
- Referencias externas: utilice archivos CSS externos
La mejor manera es hacer referencia al archivo CSS externamente.
En los tutoriales HTML de este sitio, utilizamos estilos CSS en línea para introducir ejemplos, esto es para simplificar los ejemplos y también facilita la edición del código en línea y la ejecución de los ejemplos en línea.
Estilo en línea
Cuando se necesitan aplicar estilos especiales a elementos individuales, se pueden usar estilos en línea. La forma de usar estilos en línea es usar atributos de estilo en las etiquetas relevantes. Los atributos de estilo pueden contener cualquier atributo CSS. El siguiente ejemplo muestra cómo cambiar el color y el margen izquierdo de un párrafo.
<p style = "color: blue; margin-left: 20px;"> Este es un párrafo. </ p>
Color de fondo de ejemplo de estilo HTML
El atributo de color de fondo (color de fondo) define el color de fondo de un elemento:
Ejemplos
El primer atributo de color de fondo (color de fondo) se define utilizando el atributo bgcolor.
Fuente de ejemplos de estilo HTML, color de fuente, tamaño de fuente
Podemos usar los atributos font-family (font), color (color) y font-size (tamaño de fuente) para definir el estilo de fuente:
Ejemplos
Ahora, los atributos font-family (font), color (color) y font-size (tamaño de fuente) a menudo se usan para definir estilos de texto, en lugar de usar la etiqueta <font>.
Alineación de texto de ejemplo de estilo HTML
Use el atributo de alineación de texto para especificar la alineación horizontal y vertical del texto:
El atributo de alineación de texto text-align reemplaza la etiqueta anterior <center>.
Hoja de estilo interno
Cuando se necesita un estilo particular para un solo archivo, se puede usar una hoja de estilo interna. Puede definir la hoja de estilo interna a través de la etiqueta <style> en la sección <head>:
<head>
<style type = "text / css">
body {background-color: yellow;}
p {color: blue;}
</style>
</head>
Hoja de estilo externa
Cuando los estilos deben aplicarse a muchas páginas, las hojas de estilo externas serán la opción ideal. Usando hojas de estilo externas, puede cambiar la apariencia de todo el sitio cambiando un archivo.
<head> <link rel = "stylesheet" type = "text / css" href = "mystyle.css"> </head>
Etiquetas de estilo HTML
| 标签 | 描述 |
|---|---|
| <style> | 定义文本样式 |
| <link> | 定义资源引用地址 |
Etiquetas y atributos obsoletos
En HTML 4, las etiquetas y atributos que originalmente admitían la definición de estilos de elementos HTML han quedado en desuso. Estas etiquetas no admitirán la nueva versión de etiquetas HTML.
Las etiquetas en desuso son: <font>, <center>, <strike>
Atributos obsoletos: color y bgcolor.