CSS es un lenguaje de diseño que controla la presentación y el estilo de las páginas web, funcionando junto con HTML. Existen diferentes tipos de CSS como inline, interno y externo. Las propiedades CSS principales controlan aspectos visuales como fuentes, colores, anchos y altos. Los selectores CSS permiten aplicar estilos a elementos HTML específicos mediante clases, IDs y otros atributos. La cascada determina qué estilos se aplican cuando hay conflictos y el posicionamiento controla cómo se colocan elementos en una página.

1. INTRODUCCION
CSS
de
Presentado por Mariana Herrera

2. CSS son las siglas en inglés para «hojas
de estilo en cascada» (Cascading Style
Sheets). Básicamente, es un lenguaje
que maneja el diseño y presentación de
las páginas web, es decir, cómo lucen
cuando un usuario las visita. Funciona
junto con el lenguaje HTML que se
encarga del contenido básico de las
páginas.
¿QUÉ SIGNIFICA CSS Y CUÁL
ES SU FUNCIÓN EN EL
DESARROLLO WEB?

3. La principal diferencia entre el CSS inline
y el CSS externo es que el CSS inline se
procesa más rápido, ya que sólo
requiere que el navegador descargue un
archivo, mientras que el uso de CSS
externo requerirá la descarga de
archivos HTML y CSS por separado.
¿CUÁLES SON LAS DIFERENCIAS
ENTRE CSS INLINE, CSS INTERNO Y
CSS EXTERNO?

4. ¿CUÁLES SON LAS PRINCIPALES
PROPIEDADES DE CSS
UTILIZADAS PARA CONTROLAR
EL ASPECTO VISUAL DE LOS
ELEMENTOS HTML?
Font-family: Define la
familia tipográfica.
Font-size: Define el tamaño
de la fuente y el valor se
puede escribir en pixels o en
ems.
Color: Define el color
de la tipografía.
1
2
3
4
5
6
Max-width o min-width: Definen el
ancho máximo o mínimo de un elemento.
Width: Define el ancho de
un elemento
Height:Define el alto de un
elemento, el valor se puede escribir
en pixels, ems o porcentaje.

5. El asterisco (*) es el selector universal
en CSS. De forma automática, el
asterisco selecciona todos los
elementos en un documento. Este
selector puede utilizarse en
combinación con espacios de nombres
(namespace).
¿CÓMO SE SELECCIONAN LOS
ELEMENTOS HTML UTILIZANDO
SELECTORES EN CSS?
¿CÓMO SE SELECCIONAN LOS
ELEMENTOS HTML UTILIZANDO
SELECTORES EN CSS?

6. Los selectores de clase son
herramientas que, como su nombre lo
indica, permiten seleccionar todos los
elementos que tienen un mismo nombre
de clase. Por ejemplo, . intro te permitirá
elegir todos los elementos que
pertenecen a la clase «intro», así como .
index escogerá todo elemento que
tenga una clase «index».
¿QUÉ SON LOS SELECTORES DE
CLASE Y LOS SELECTORES DE ID
EN CSS?

7. Los selectores de clase son
herramientas que, como su nombre lo
indica, permiten seleccionar todos los
elementos que tienen un mismo nombre
de clase. Por ejemplo, . intro te permitirá
elegir todos los elementos que
pertenecen a la clase «intro», así como .
index escogerá todo elemento que
tenga una clase «index».
¿QUÉ SON LOS SELECTORES DE
CLASE Y LOS SELECTORES DE ID
EN CSS?

8. En un primer nivel de
simplicidad, la cascada en las
hojas de estilo significa que el
orden de las reglas importa en
CSS: cuando dos reglas tienen
la misma especificidad, se
aplica la que aparece en último
lugar en el CSS.
¿CUÁL ES LA IMPORTANCIA DE
LA CASCADA EN CSS Y CÓMO SE
RESUELVEN LOS CONFLICTOS
ENTRE ESTILOS?

9. En position: relative , el elemento está
posicionado Relativo a sí mismo. Sin
embargo, un elemento absolutamente
posicionado es relativo a su padre. Un
elemento con position: absolute se
elimina del flujo normal de documentos.
Se posiciona automáticamente en el
punto de inicio (top-left esquina) de su
elemento padre.
¿CUÁL ES LA DIFERENCIA ENTRE
POSICIÓN RELATIVA, ABSOLUTA
Y FIJA EN CSS? ¿CUÁNDO SE
UTILIZAN?

10. Thank
Thank
Thank
you!
you!
you!