Practica de CSS

Css nos ayuda a dar estilo y diseño a nuestra página web. Para aplicarlo tenemos tres opciones

1. En linea - Codigo embebido
style="color:red">Linea de estilo con codigo embebido

2. Codigo interno - en cabecera
style
p{
background:blue;
}
style

3. Externo en File.css
link rel = "stylesheet" href="estilo.css"

caja #2
Todo elemento HTML que se presenta en pantalla debe tratarse como una caja

caja #1
Todo elemento HTML que se presenta en pantalla debe tratarse como una caja

Notas:

1. Siempre se ejecuta de arriba hacia abajo, es decir la misma etiqueta se puede escribir dos veces y esta presentará el último efecto programado

2. Tener cuidado con el montado de etiquetas

Valide resetear antes de aplicar el diseño dependiendo de cual sea


Hipervinculos



Hipervinculos: Abrir en nueva pestaña

Los hipervinculos son enlaces que permiten a los usuarios navegar a otra página web. Para abrir un hipervinculo en una nueva pestaña se utiliza el atributo target="_blank" en el elemento del hipervinculo. Esto permite que el navegador abra el enlace en una nueva pestaña o ventana, dependiendo de la configuracion del navegador del usuario.
Link a nueva pestaña


Hipervinculos: Abrir en la misma pestaña

Los hipervinculos permiten a los usuarios navegar entre distintas paginas web de manera sencilla. Sin embargo no todos los navegadores permiten abrir enlaces en la misma pestaña. Para aquellos que desean mantener la navegación dentro de su sitio web o evitar que los usuarios se distraigan con otras paginas externas, es posible utilizar HTML y la propiedad target="_self" del elemento de ancla para abrir un enlace en la misma pestaña.
Link en misma pestaña


Hipervinculos: Abrir en nueva pestaña en modo seguro

target="_blank": Este atributo le indica al navegador que abra el enlace en una nueva pestaña o ventana, lo que evita que el usuario abandone tu sitio web actual.
rel="noopener": Previene que el enlace de destino acceda a la información del sitio web original a través de la propiedad window.opener. Esto es una medida de seguridad importante para evitar ataques de suplantación de identidad (phishing).
rel="noreferrer": Evita que se envíe información sobre la página de origen a la página de destino. Esto mejora la privacidad
Link a nueva pestaña modo seguro



Botones con Estilo

Evento over