NOMBRE: Edgar Primero Rafael MATRICULA: 1623INI087 GRUPO: INI8VA

Sintaxis y uso de atributos CSS.

Color:
Este atributo “color” se utiliza para darle color al texto. Lo podemos indicar con el nombre
del color o con el modo RGB.
 Sintaxis:

color : <nombre del color o valor RGB>;

ejemplo:
<div style="color: #FF0000;">Este texto se verá de color rojo. </div>

 Resultado:

Este texto se verá de color rojo.

Font-size:
El atributo “font-size” se utiliza para indicar el tamaño de la letra. Se puede indicar utilizando
las unidades de medida de CSS o mediante los siguientes valores: xx-large, x-large, large,
medium, small, x-small, xx-small; siendo “xx-small” el más pequeño y “xx-large” el más
grande.
 Sintaxis:

font-size : <unidad de medida 12pt o px;>

ejemplo:
<div style="font-size:25px;">Este texto tiene un tamaño de 25 pixeles.</div>

 Resultado:

Este texto tiene un tamaño de 25 pixeles.

Text-align:
“Text-align” Establece la alineación del contenido de un elemento de bloque a través de los
siguientes valores: left (mueve el contenido a la izquierda), right (mueve el contenido a la
derecha), center (centra el contenido), justify (justifica el contenido).
 Sintaxis:

text-align: <valor center;>

ejemplo:

<p style="text-align:center;">Este texto está centrado.</p>

 Resultado.

Este texto está centrado

NOMBRE: Edgar Primero Rafael MATRICULA: 1623INI087 GRUPO: INI8VA

Background-color:
“Background-color” Establece el color de fondo de un elemento, se puede indicar con el
nombre del color o con el modo RGB.
 Sintaxis:

background-color: <nombre del color o valor RGB;>

ejemplo:
<p style="backgraund-color:red;color:white;">Este texto tiene un fondo rojo con
letras blancas.</p>

 Resultado:

Este texto tiene un fondo rojo con letras blancas

Margin-left:
La “margin-left” Establece el margen izquierdo de un elemento.
 Sintaxis

margin-left: <length|auto|initial|inherit;>

ejemplo:
<p style="margin-left: 10%">Este texto tiene un ancho del 10% del

contenedor. </p>

 Resultado:

Este texto tiene un ancho del 10% del

contenedor.

Padding-left:
“padding-left” Establece el relleno izquierdo (espacio) de un elemento.
 Sintaxis:

padding-left: <length|initial|inherit;>

ejemplo:
<p style="padding-left: 10%;">Un párrafo con un 10% de relleno izquierdo. </p>

 Resultado:
Un párrafo con un 10% de relleno izquierdo.

Border-color:
NOMBRE: Edgar Primero Rafael MATRICULA: 1623INI087 GRUPO: INI8VA

“border-color” Establece el color de los márgenes de un componente.

 Sintaxis

border: <valor px;>

ejemplo:
<p style="border: solid 1px #000000;"> Un ejemplo de estilos de bordes </p>

 Resultado:

Un ejemplo de estilos de bordes