REPÚBLICA BOLIVARIANA DE VENEZUELA

MINISTERIO DEL PODER POPULAR PARA LA EDUCACIÓN UNIVERSITARIA

UNIVERSIDAD POLITÉCNICA TERRITORIAL

AGRO INDUSTRIAL DEL ESTADO TÁCHIRA

PROGRAMA NACIONAL DE FORMACIÓN EN INFORMÁTICA

EXTENSIÓN ZONA NORTE - SEDE COLÓN

Estudiante: Victor M. Medina C.

C.I.: 27.642.789
MATERIA: Electiva
PROFESOR: Ing. Eudis Guerrero
INFORMATICA T 1 SECCIÓN “A”
• BACKGROUND: Establece todas las propiedades de estilo de fondo a la vez,
como color, imagen, origen y tamaño, o método de repetición. Las propiedades de
componente no definidas en la declaración de valor de propiedad abreviada se
establecen en sus valores predeterminados.

Esta propiedad es una abreviatura de las siguientes propiedades:

- Background-attachment

- Background-clip

- Background-color

- Background-image

- Background-origin

- Background-position

- Background-repeat

- Background-size

• DISPLAY: Establece el comportamiento de visualización del elemento.

- Display: none; El elemento se elimina por completo, como si no

estuviera en el código HTML en primer lugar.

- Display: inline; El elemento se convierte en un elemento en línea:

se comporta como texto simple.

- Display: block; El elemento se convierte en un elemento de bloque:

comienza en una nueva línea y ocupa todo el ancho.
- Display: inline-block; El elemento comparte propiedades de un
elemento en línea y un elemento de bloque:
* En línea porque el elemento se comporta como texto simple
y se inserta en un bloque de texto
* Bloquear porque se pueden aplicar y valores height y width

- Display: list-item; El elemento se comporta como un elemento de

lista: La única diferencia con el bloque es que un elemento de lista
tiene una viñeta
- Display: table; El elemento se comporta como una tabla: <table>
Su contenido y elementos secundarios se comportan como celdas
de tabla.
 - Display: table-cell; El elemento se comporta como una celda de
tabla: o <td> <th> Su contenido y elementos secundarios se
comportan como celdas de tabla.
- Display: table-row; El elemento se comporta como una fila de tabla
- Display: flex; El elemento se convierte en un contenedor flexbox. Por
sí solo, se comporta como un elemento de bloque.

• FLOAT: Empuja el elemento hacia el lado izquierdo o derecho. Los siguientes

hermanos se envolverán alrededor del elemento flotante
- Float: none; Quita cualquier valor definido previamente. El elemento
permanecerá en el flujo natural de la página.
- Float: left; Mueve el elemento al lado izquierdo de su contenedor.
- Float: right; Mueve el elemento al lado derecho de su contenedor

• FONT-FAMILY: Cuando se utilizan varios valores, la lista de familias de fuentes

define la prioridad en la que el navegador debe elegir la familia de fuentes.font-
family
El navegador buscará cada familia en la computadora del usuario y en cualquier
recurso @font cara.
La lista se prioriza de izquierda a derecha: usará el primer valor si está disponible, o
irá al siguiente, hasta que se alcance el final de la lista. La familia de
fuentes predeterminada está definida por las preferencias del navegador.

Font-family: "Source Sans Pro", "Arial", sans-serif;

- Font-family: serif; El navegador utilizará una familia de fuentes serif,

todos los caracteres tienen terminaciones de trazo

- Font-family: sans-serif; El navegador utilizará una familia de fuentes

sans-serif, ningún carácter tiene terminaciones de trazo.

- Font-family: monospace; El navegador utilizará una familia de

fuentes monoespaciadas, todos los caracteres tienen el mismo ancho.
 - Font-family: cursive; El navegador utilizará una familia de
fuentes cursivas.

- Font-family: fantasy; El navegador utilizará una familia de fuentes de

fantasía.

• FONT-SIZE: La propiedad establece el tamaño del texto.

- Font-size: médium; El texto utilizará el

tamaño mediano predeterminado del navegador.

- Font-size: 20px; Puede utilizar valores de píxeles.

- Font-size: 2 em; Puede utilizar valores em.

- Font-size 2 rem; El valor es relativo al elemento raíz, que es el elemento.

Como resultado, el valor no variará dependiendo de la profundidad del
elemento en la jerarquía HTML y se volverá independiente del contexto.

• FONT-WEIGHT: Define el peso del texto

- Font-weight: normal; El texto tiene un peso normal

- Font-weight: bold; El texto se vuelve negrita

- Font-weight: 600; Puede utilizar valores numéricos. Todos ellos

corresponden a un peso con nombre particular:
*100 Thin
*200 Extra Light
*300 Light
*400 Normal
*500 Medium
*600 Semi Bold
*700 Bold
*800 Extra Bold
*900 Ultra Bold
Si la familia de fuentes no proporciona el peso solicitado, usará el
más cercano disponible.
• LIST-STYLE: Le permite establecer todas las propiedades de estilo de lista a la
vez. Esta propiedad es una abreviatura de las siguientes propiedades CSS: .list-
style-type, list-style-image, list-style-position

• MARGIN: Establece el margen para los cuatro lados. Es una abreviación para
evitar tener que establecer cada lado por separado con las otras propiedades de
margen: margin-top, margin-right, margin-bottom, margin-left

- Margin: 0; Quita todos los márgenes

- Margin: 30px; Cuando se utiliza 1 valor, el margen se establece para los 4

lados

- Margin: 30px 60px; Cuando se utilizan 2 valores:

* El primer valor es para arriba/abajo
* El segundo valor es para derecha/izquierda

- Margin: 30px 60px 45px; Cuando se utilizan 3 valores:

* El primer valor es para top
* El segundo valor es para derecha/izquierda
* El tercer valor es para bottom

- Margin: 30px 60px 45px 85px; Cuando se utilizan 4 valores:

* El primer valor es para top
* El segundo valor es para derecho
* El tercer valor es para bottom
* El cuarto valor es para izquierda

• OVERFLOW: Define cómo se muestra el contenido desbordante en los ejes

horizontal y vertical.

- Overflow: visible; El contenido desbordante es visible, mientras que

el elemento en sí permanece a la altura especificada.

- Overflow: hidden; El contenido desbordante está oculto y no se

puede acceder.

- Overflow: scroll; El contenido desbordante es accesible gracias a

una barra de desplazamiento vertical.

- Overflow: auto; El navegador decide si mostrar una barra de

desplazamiento vertical o no.
• PADDING: Se utiliza para crear espacio alrededor del contenido de un elemento,
dentro de los bordes definidos

- Padding: 0; Quita todos los márgenes

- Padding: 30px; Cuando se utiliza 1 valor, el margen se establece para los

4 lados

- Padding: 30px 60px; Cuando se utilizan 2 valores:

* El primer valor es para arriba/abajo
* El segundo valor es para derecha/izquierda

- Padding: 30px 60px 45px; Cuando se utilizan 3 valores:

* El primer valor es para top
* El segundo valor es para derecha/izquierda
* El tercer valor es para bottom

- Padding: 30px 60px 45px 85px; Cuando se utilizan 4 valores:

* El primer valor es para top
* El segundo valor es para derecho
* El tercer valor es para bottom
* El cuarto valor es para izquierda

• TEXT-DECORATION: Define cómo se decora el contenido de texto del elemento.

- Text-decoration: none; Elimina cualquier decoración de texto.

- Text-decoration: underline; Subraya el contenido del texto.