Scribd
Cargar
19 vistas3 páginas

Qué Es CSS

CSS, o Hojas de Estilo en Cascada, se utiliza para estilizar y presentar páginas web creadas con HTML, permitiendo cambios en colores, tamaños y alineaciones de texto. Existen tres formas de aplicar CSS: en línea, interno y externo, siendo este último el más recomendado. Además, se pueden utilizar etiquetas, clases e ID para aplicar estilos específicos a los elementos HTML.

Cargado por

donbasado52
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
19 vistas3 páginas

Qué Es CSS

CSS, o Hojas de Estilo en Cascada, se utiliza para estilizar y presentar páginas web creadas con HTML, permitiendo cambios en colores, tamaños y alineaciones de texto. Existen tres formas de aplicar CSS: en línea, interno y externo, siendo este último el más recomendado. Además, se pueden utilizar etiquetas, clases e ID para aplicar estilos específicos a los elementos HTML.

Cargado por

donbasado52
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

¿Qué es CSS?

CSS significa Cascading Style Sheets o en español Hojas de Estilo en Cascada.


Sirve para darle estilo y presentación a las páginas web hechas con HTML.
Con CSS puedes:
• Cambiar el color del fondo y del texto
• Cambiar el tamaño, tipo y alineación de la letra
• Poner bordes, márgenes, rellenos
• Hacer que la página se vea bonita y ordenada
¿Cómo se utiliza CSS?
Hay 3 formas de usar CSS:
1. CSS en línea (inline)
Se escribe dentro de la misma etiqueta HTML.
html
CopiarEditar
<p style="color: red;">Hola mundo</p>
2. CSS interno
Se coloca dentro de la etiqueta <style> en el mismo archivo HTML.
html
CopiarEditar
<head>
<style>
p{
color: blue;
}
</style>
</head>
3. CSS externo (La mejor forma)
Se crea un archivo aparte (por ejemplo: estilos.css) y se enlaza en el HTML.
html
CopiarEditar
<link rel="stylesheet" href="estilos.css">
¿Cómo saber el nombre de las etiquetas?
Las etiquetas o elementos HTML se aprenden como vocabulario básico. Aquí algunos comunes:

Etiqueta Qué representa

body Todo el cuerpo de la página

h1, h2... Títulos de diferentes tamaños

p Párrafo

form Formulario
Etiqueta Qué representa

label Etiqueta para un campo de texto

input Campo de entrada (texto, email, etc.)

textarea Área de texto larga

button Botón

img Imagen

a Enlace

Y en CSS los usas directamente así:


body { background-color: lightblue; }
p { color: green; }
h1 { font-size: 24px; }
También puedes usar:
• Clases:
HTML → <p class="importante">Texto</p>
CSS → .importante { font-weight: bold; }
• ID (único):
HTML → <div id="contenedor">...</div>
CSS → #contenedor { width: 500px; }

También podría gustarte