Css

CSS

CSS se usa para controlar el diseño de varias páginas web a la vez y, es un lenguaje usado para definir el estilo de una pagina web o cualquier documento sus siglas hacen referencia a: C ascading S tyle S heets(Hojas de estilo en cascada).

<STYLE>

Es una etiqueta utilizada en HTML y CSS cuya función es definir información de estilo a una etiqueta definida como veremos en el ejemplo:

ATRIBUTO STYLE EN CSS

ES UN ATRIBUTO CUYA FUNCIÓN ES DEFINIR ESTILO A LA ETIQUETA EN LA CUAL ESTÁ.

ATRIBUTO ID EN CSS

ES UN ATRIBUTO QUE ASIGNA AL TEXTO EL TIPO DE ESTILO CON UN INDICE ESTABLECIDO PREVIAMENTE.

EL EJEMPLO QUE MOSTRARÉ ACLARARA CUALQUIER TIPO DE DUDA.

ATRIBUTO CLASS CSS

ES UN ATRIBUTO QUE CAMBIA EL ESTILO DE LA ETIQUETA CON UNA CLASE ESPECIFICA PREVIAMENTE ESTABLECIDA POR EL USUARIO:

¿CUÁL ES EL CÓDIGO DE HTML CORRECTO PARA REFERIRSE A UNA HOJA DE ESTILO EXTERNA?

PARA INSERTAR UNA HOJA DE ESTILO EXTERNA

¿QUÉ ETIQUETA HTML SE UTILIZA PARA DEFINIR UNA HOJA DE ESTILO INTERNA?

SE USA LA ETIQUETA DE ESTILO( STYLE) DENTRO DE LA ETIQUETA DE ENCABEZADO(HEAD).

¿CUÁL ES EL CÓDIGO DE HTML CORRECTO USAR CSS EN LINEA DE CÓDIGO?

DESPUÉS(CSS COMO) W3SCHOOLS)

¿CÓMO SE INSERTA UN COMENTARIO EN CSS?

UN COMENTARIO  SE INSERTA CON ESTOS SÍMBOLOS /*(PARA EMPEZAR EL COMENTARIO)Y */(PARA TERMINAR EL COMENTARIO).

¿CUÁL ES LA PROPIEDAD DE CSS, QUE PERMITE CAMBIAR EL COLOR DE FONDO?

LA PROPIEDAD UTILIZADA PARA CAMBIAR EL COLOR DE FONDO ES: BACKGROUND-COLOR

¿CUAL ES LA PROPIEDAD DE CSS QUE ES USADA PARA CAMBIAR EL COLOR DE UN ELEMENTO?

PARA CAMBIAR EL COLOR DE UN ELEMENTO(ETIQUETA)EN CSS SE UTILIZA LA PROPIEDAD: COLOR

12-¿QUE PROPIEDAD DE CSS CONTROLA EL TAMAÑO DEL TEXTO?

PARA CONTROLAR EL TAMAÑO DEL TEXTO SE TIENE QUE UTILIZA RLA PROPIEDAD DE: FONT-SIZE

¿CUAL ES LA SINTAXIS CORRECTA DE CSS PARA ASIGNAR NEGRITAS A TODAS LA ETIQUETAS P DE UN ARCHIVO HTML?

LA SINTAXIS CORRECTA ES ESTA:

DESPUÉS(SELECTORES CSS)W3SCHOOLS

¿CUAL SERÍA LA SINTAXIS EN CSS, PARA MOSTRAR LOS LINKS O HIPERVÍNCULOS SIN EL SUBRAYADO?
LA SINTAXIS CORRECTA PARA MOSTRAR LOS LINKS SIN EL SUBRAYADO ES ESTA.

• A:LINK - AL INDICAR LA PROPIEDAD VA A HACER EFECTUADA SI EL USUARIO NUNCA HA VISITADO LA PÁGINA.
• A:VISITED - AL INDICAR LA PROPIEDAD SE VA A ACTIVAR CUANDO EL USUARIO A VISITADO LA PÁGINA.
• A:HOVER - SE ACTIVA LA PROPIEDAD CUANDO EL USUARIO UNA ACCIÓN SOBRE EL ENLACE.
• A:ACTIVE -SE ACTIVA CUANDO EL USUARIO HACE CLICK SOBRE EL ENLACE.

¿CUÁL SERÍA LA FORMA DE HACER QUE CADA PALABRA EN UN TEXTO INICIE CON UNA MAYÚSCULA MEDIANTE UN CÓDIGO DE CSS?

PARA HACER QUE CADA PALABRA DEL TEXTO-INICIE CON UNA LETRA MAYÚSCULAS SE TIENE QUE ESCRIBIR ESTE CÓDIGO:

COMO SE PUEDE VER EN ESTE EJEMPLO SE TIENE QUE UTILIZAR (TEXT-TRANSFORM) CON EL VALOR DE CAPITALIZE.

RESULTADO:

¿CUAL PROPIEDAD ES USADA PARA CAMBIAR TIPO DE LETRA EN UN TEXTO, DE CUALQUIER TIPO DE HTML, CON CSS?

ESTA PROPIEDAD RECIBE EL NOMBRE DE (FONT-FAMILY) Y DESPUÉS DE LOS DOS PUNTO(:) COLOCAS EL VALOR O EL TIPO DE LETRA. EJEMPLO:

¿COMO SE PUEDE HACER EN CSS, PARA PONER UN TEXTO EN NEGRITAS?

PARA PONER UN TEXTO EN NEGRITAS SE TIENE QUE UTILIZAR FONT-WEIGHT LA CUAL PERMITE CAMBIAR LA GRAVEDAD CON LA CUAL SE ESCRIBE LA LETRA.

SINTAXIS:

RESULTADO:

¿CUAL ES LA PROPIEDAD DE CSS PARA CAMBIAR EL MARGEN IZQUIERDO DE CUALQUIER ELEMENTO HTML?

PARA CAMBIAR EL MARGEN IZQUIERDO SE UTILIZA LA PROPIEDAD MARGIN-LEFT LA CUAL SIRVE PARA ALEJAR EL TEXTO A CIERTA CANTIDAD ESPECIFICADA DE LA IZQUIERDA DE LA PÁGINA.

EJEMPLO:

RESULTADO:

¿CUAL SERIA LA FORMA DE COLOCAR CUADRADOS EN VEZ DE CÍRCULOS EN UNA LISTA NO ORDENADA MEDIANTE CSS?

PARA COLOCAR CUADRADOS EN VEZ DE CIRCULOS EN UNA LISTA DESORDENADA SE UTILIZA LIST-STYLE-TYPE

LA CUAL PERMITE ESPECIFICAR EL TIPO DE VIÑETA TANTO DE UNA LISTA ORDENADA COMO DESORDENADA.

SINTAXIS:

RESULTADO:

¿CUÁL SERÍA EL CÓDIGO PARA SELECCIONAR(SOLO AFECTAR) SOLO A LAS ETIQUETAS “P” DENTRO DE UNA ETIQUETA “DIV” DENTRO DE UN ARCHIVO DE HTML?

PARA SELECCIONAR SOLO A LAS ETIQUETAS "P" DENTRO DE UNA ETIQUETA "DIV" SE COLOCA LA ETIQUETA "DIV" Y LUEGO SEPARADO POR UNA COMA SE COLOCA LA ETIQUETA "P".

SINTAXIS:

RESULTADO:

¿CUÁL ES UNA DE LAS PROPIEDADES QUE SE UTILIZAN PARA GENERAR ESPACIO ALREDEDOR DE CONTENIDO DE UN ELEMENTO, EN EL INTERIOR DE CUALQUIER FRONTERAS DEFINIDAS EN CSS?

PARA GENERAR ESPACIO ALREDEDOR DEL CONTENIDO DE UN ELEMENTO SE PUEDE UTILIZAR LA PROPIEDAD "WIDTH"(ANCHO)PARA AJUSTAR EL ANCHO DE LAS FRONTERAS O BORDES.
SINTAXIS:

RESULTADO:

¿CUÁL ES UNA DE LAS PROPIEDADES QUE SE UTILIZAN PARA GENERAR UNA LÍNEA QUE SE DIBUJA ALREDEDOR DE LOS ELEMENTOS, FUERA DE LAS FRONTERAS, PARA HACER QUE EL ELEMENTO "DESTAQUE". MEDIANTE CSS

PARA ESTO PRIMERO SE NECESITA LA PROPIEDAD "OUTLINE-STYLE" QUE SIRVE PARA DEFINIR EL ESTILO DE EL ESQUEMA Y DEFINIMOS EL COLOR CON "OUTLINE-COLOR".

SINTAXIS:

RESULTADO:

¿CUÁL ES UNA DE LAS PROPIEDADES QUE SE UTILIZAN PARA MANIPULAR EL ESTILO DE CUANDO EL CURSOR DEL MOUSE PASA POR ENCIMA. MEDIANTE CSS?

ESTA PROPIEDAD SE LLAMA "HOVER" Y SE EJECUTA CUANDO EL USUARIO CRUZA EL MOUSE SOBRE EL CONTENIDO.
EJEMPLO:

RESULTADO (ANTES):





RESULTADO (DESPUÉS):

USO DE LA PROPIEDAD INLINE

SE USA PARA ALINEAR LOS ELEMENTOS DE TEXTO EN UN BLOQUE.
SINTAXIS:

RESULTADOS:

Css

PROPIEDADES DE FONDOS DE LA PAGINA

background: Una propiedad abreviada para todas las propiedades background-* 


Background-color: Especifica el color de fondo de un elemento.

Propiedad establece una o más imágenes de fondo de un elemento

background-image: Especifica una o más imágenes de fondo para un elemento

propiedad establece si una imagen se desplaza fondo con el resto de la página, o es fijo.

background-attachment: Establece si una imagen de fondo se desplaza con el resto de la página o si es fija