Profesión: Ingeniero
Front End
1
GLOSARIO
CSS3 I Conoce qué es CSS
Explora las propiedades de color y sus
sistemas
Comprende las propiedades de texto
Identifica las unidades CSS
Consejo: para encontrar
rápidamente la palabra que
buscas, presiona el comando
CTRL+F o CMD+F y escribe el
término que deseas Aplica el Box Model
encontrar.
3
Conoce qué es CSS3
44
Atributo: CSS (Cascading Style Sheets):
Elemento utilizado en HTML para Lenguaje de estilos utilizado para
proporcionar información adicional describir el aspecto y formato de un
sobre un elemento y, en este contexto, documento escrito en HTML.
se menciona en relación con la
aplicación de estilos en CSS.
CSS Externo: CSS Interno:
Método de incluir estilos CSS en un Método de incluir estilos CSS
documento HTML mediante la directamente dentro del documento
vinculación de una hoja de estilos HTML utilizando la etiqueta style en la
externa a través de la etiqueta link. sección head.
5
CSS en Línea: Elemento HTML:
Método de incluir estilos CSS Componente básico de una página
directamente dentro de un elemento web, sobre el cual se aplican reglas CSS
HTML utilizando el atributo style. para definir su estilo.
Propiedad: Selector:
Característica específica de estilo que Patrón que define a qué elementos
se puede modificar mediante CSS, HTML se aplicarán las reglas CSS.
como color, tamaño, fuente o posición.
6
Sintaxis: Specificity (Especificidad):
La estructura y el formato correctos que Término que indica cómo se resuelve
debe seguir un conjunto de reglas CSS, un conflicto cuando dos o más reglas
compuesto por selectores, propiedades CSS se aplican al mismo elemento,
y valores. basado en la especificidad de las
reglas.
Valor:
Información específica que se asigna a
una propiedad en CSS para definir el
estilo de un elemento.
7
Explora las propiedades de
color y sus sistemas
88
background-color: color:
Propiedad de CSS que define el color de Propiedad de CSS que establece el
fondo de un elemento en una página color del texto de un elemento en una
web. página web.
Hexadecimal: RGB (Red, Green, Blue):
Sistema de representación de colores Modelo de color que define un color
que utiliza una combinación de indicando la cantidad de rojo, verde y
números y letras (0-9, A-F) para indicar azul que se mezclan para obtener dicho
los valores de rojo, verde y azul. color.
9
Sistema de Color: Word Keywords:
Conjunto de reglas y valores utilizados Palabras clave en inglés que
para representar y definir colores en representan colores específicos en CSS,
diseño web. como black, white o red.
10
Comprende las propiedades
de texto
1111
font-family: Google Fonts:
Propiedad de CSS que permite asignar Servicio gratuito de Google que
una tipografía al texto. proporciona una amplia variedad de
tipografías para su uso en páginas web.
letter-spacing: line-height:
Propiedad de CSS que establece el Propiedad de CSS que determina el
espaciado entre letras en un texto. espacio vertical entre líneas de texto.
12
Serif: text-align:
Tipo de tipografía con remates o Propiedad de CSS que define la
adornos en las letras. alineación horizontal del texto en un
elemento. Puedes usar valores como
left, right, center o justify.
text-decoration: text-transform:
Propiedad de CSS que agrega Propiedad de CSS que controla la
decoración al texto, como subrayado o capitalización del texto, convirtiéndolo
tachado. en mayúsculas, minúsculas o
capitalizando cada palabra.
13
vertical-align: word-spacing:
Propiedad de CSS que controla la Propiedad de CSS que establece el
alineación vertical de un elemento. espaciado entre palabras en un texto.
word-wrap: x-height:
Propiedad de CSS que controla si el La altura de las letras minúsculas sin
texto debe envolverse en múltiples considerar ascenderes o descenderes.
líneas.
14
Identifica las unidades CSS
15
15
Absolute Units: em:
Unidades absolutas en CSS, como Unidad relativa en CSS que se calcula
píxeles, puntos, centímetros, pulgadas y en función del tamaño de la fuente del
milímetros, que no dependen de un elemento padre.
valor de referencia y son fijas.
Percentages (%): Pixel (px):
Unidades relativas en CSS que se Unidad absoluta en CSS utilizada para
calculan en función de otro valor, medir el tamaño de elementos en una
generalmente el tamaño del elemento página web, como texto, imágenes y
padre. márgenes.
16
rem: vh (Viewport Height):
Unidad relativa en CSS que se calcula Unidad relativa en CSS que representa
en función del tamaño de la fuente del el porcentaje del tamaño de la ventana
elemento raíz (generalmente el gráfica en términos de altura.
elemento <html>).
vw (Viewport Width):
Unidad relativa en CSS que representa
el porcentaje del tamaño de la ventana
gráfica en términos de ancho.
17
Aplica el Box Model
18
18
Border: Box Model:
Línea que rodea la caja y se utiliza para Concepto que establece que todos los
la apariencia. Puede mostrar líneas con elementos en los navegadores se
colores y tipos diferentes. construyen a partir de cajas. Cada
elemento HTML se muestra como una
caja rectangular con áreas internas y
externas.
Content: Display:
Área interna del Box Model que contiene Propiedad CSS que determina el tipo de
el contenido real del elemento, como elemento y cómo se presenta. Puede
texto e imágenes. Su tamaño se puede ser block, inline, o valores específicos
modificar con la propiedad width. como table.
19
Margin: Padding:
Área externa del Box Model que Área interna del Box Model que es el
representa la separación entre una caja espacio transparente alrededor del
y las cajas adyacentes. Se utiliza para contenido. Se utiliza para dar espacio
separar elementos con la propiedad interior y se modifica con la propiedad
“margin”. “padding”.
width: float:
Propiedad CSS que especifica el ancho Propiedad CSS utilizada para posicionar
de un elemento. Se utiliza para elementos y hacer que se desplacen
modificar el tamaño del contenido, por hacia la izquierda o la derecha de su
ejemplo, en el caso de Content. contenedor.
20
¡Mucho éxito en tus estudios!
21
