1
00:00:10,780 --> 00:00:15,580
Hola te saluda Ubaldo Acosta bienvenidos nuevamente.

2
00:00:15,580 --> 00:00:18,960
Espero que estén listos para trabajar con esta elección.

3
00:00:18,970 --> 00:00:22,890
A continuación vamos a estudiar el tema de introducción a CCC.

4
00:00:23,110 --> 00:00:24,260
Están listos.

5
00:00:24,260 --> 00:00:24,790
Vamos

6
00:00:28,120 --> 00:00:30,200
Introducción a CCC.

7
00:00:30,250 --> 00:00:38,230
En esta elección vamos a estudiar una introducción a CCS CCS significa Qashqai de allí o en español

8
00:00:38,500 --> 00:00:40,400
hojas de estilo en cascada.

9
00:00:40,450 --> 00:00:47,860
La idea de combinar las tecnologías de HTML CSS surge de la necesidad de que cada uno se dedique a realizar

10
00:00:47,860 --> 00:00:56,020
su función por un lado HTML se encarga de mostrar la información en el navegador web pero CSS se encarga

11
00:00:56,020 --> 00:01:04,270
de mejorar la presentación de dicha información mejorando el diseño los colores efectos y todo lo necesario

12
00:01:04,270 --> 00:01:10,930
para que la información no solamente parezca un texto plano en el navegador web sino que tenga una apariencia

13
00:01:10,960 --> 00:01:13,010
agradable al usuario.

14
00:01:13,060 --> 00:01:19,600
Vamos a realizar varios ejercicios pero antes mencionaremos algunos puntos importantes respecto a CSS

15
00:01:20,660 --> 00:01:28,200
los estilos CSS se utilizan para dar formato a las páginas HTML de una manera centralizada.

16
00:01:28,370 --> 00:01:34,040
Si ya tenemos cierta experiencia creando páginas de HTML seguramente hemos tenido el problema de que

17
00:01:34,040 --> 00:01:41,150
al crecer nuestro sitio web lo que sucede es que los estilos ya sea a nuestros textos nuestras imágenes

18
00:01:41,450 --> 00:01:48,260
o nuestras cajas de texto etcétera empiezan a tener formatos distintos y para poder aplicar un mismo

19
00:01:48,260 --> 00:01:56,830
formato a todos estos elementos HTML se van a centralizar en estilos los cuales conocemos como CSS.

20
00:01:56,840 --> 00:02:06,530
La idea es crear estilos CSS y estos estilos los vamos a ir aplicando a nuestros elementos HTML CSS

21
00:02:06,560 --> 00:02:13,100
se conoce como un lenguaje en cascada debido a que se van aplicando de esta manera en forma de cascada

22
00:02:13,190 --> 00:02:20,960
o de manera heredada por ejemplo un estilo que se define en un archivo punto CSS puede ser escrito por

23
00:02:20,960 --> 00:02:25,300
un estilo definido directamente en la página HTML.

24
00:02:25,520 --> 00:02:33,410
De esta manera es que los estilos se van sobre escribiendo según sean más internos o más externos prevaleciendo

25
00:02:33,410 --> 00:02:41,240
siempre el elemento CSS más interno como por ejemplo lo que hemos comentado un estilo definido dentro

26
00:02:41,240 --> 00:02:50,300
de una página web prevalece ante un estilo definido en un archivo CSS externo Document Object Model

27
00:02:52,000 --> 00:02:59,170
cuando una página web se carga en el navegador se crea lo que se conoce como Document Object Model también

28
00:02:59,170 --> 00:03:04,570
conocido como Dom el Dom se construye como un árbol de objetos.

29
00:03:04,900 --> 00:03:11,650
Como podemos observar en la figura cada uno de estos elementos es creado y cada elemento depende de

30
00:03:11,650 --> 00:03:19,120
otro elemento dentro del árbol es a través de este árbol que podemos aplicar estilos a cada uno de los

31
00:03:19,120 --> 00:03:27,730
elementos de nuestra página HTML y a través de CSS aplicar un diseño específico a cada elemento.

32
00:03:27,730 --> 00:03:32,250
Esto lo haremos a través de selectores los cuales estudiaremos a continuación

33
00:03:35,900 --> 00:03:44,240
selectores en CSS un selector en CSS como su nombre lo dice se utiliza para seleccionar elementos de

34
00:03:44,240 --> 00:03:49,540
nuestra página HTML a través del DOM Document Object Model.

35
00:03:49,610 --> 00:03:55,240
Es posible ver la página HTML como un árbol de elementos HTML anidados.

36
00:03:55,250 --> 00:04:02,120
Según hemos visto y es a través de este árbol de elementos que vamos a poder seleccionarlos y aplicarles

37
00:04:02,150 --> 00:04:10,490
un estilo definido a cada uno de estos elementos existen los siguientes selectores en CSS por un lado

38
00:04:10,490 --> 00:04:19,230
tenemos los electores de tipo Heydi estos electores se utilizan para especificar el estilo de un elemento

39
00:04:19,290 --> 00:04:24,690
único en la página web actual para definir un Heydi de CSS.

40
00:04:24,800 --> 00:04:36,160
Se utiliza el símbolo de número se debe aplicar al atributo Heydi en los elementos HTML por otro lado

41
00:04:36,160 --> 00:04:44,040
tenemos los electores de tipo Class estos electores se utilizan para especificar el estilo de un grupo

42
00:04:44,040 --> 00:04:54,520
de elementos para definir una clase CSS se utiliza el operador punto y se debe de aplicar al atributo

43
00:04:54,520 --> 00:04:58,210
class de los elementos HTML.

44
00:04:58,210 --> 00:05:04,150
A continuación vamos a poner en práctica estos temas para que quede claro el concepto de CSS así como

45
00:05:04,150 --> 00:05:05,050
sus electores.