Hola te saluda Ubaldo Acosta bienvenidos nuevamente.
Espero que estén listos para trabajar con esta elección.
A continuación vamos a estudiar el tema de introducción a CCC.
Están listos.
Vamos
Introducción a CCC.
En esta elección vamos a estudiar una introducción a CCS CCS significa Qashqai de allí o en español
hojas de estilo en cascada.
La idea de combinar las tecnologías de HTML CSS surge de la necesidad de que cada uno se dedique a realizar
su función por un lado HTML se encarga de mostrar la información en el navegador web pero CSS se encarga
de mejorar la presentación de dicha información mejorando el diseño los colores efectos y todo lo necesario
para que la información no solamente parezca un texto plano en el navegador web sino que tenga una apariencia
agradable al usuario.
Vamos a realizar varios ejercicios pero antes mencionaremos algunos puntos importantes respecto a CSS
los estilos CSS se utilizan para dar formato a las páginas HTML de una manera centralizada.
Si ya tenemos cierta experiencia creando páginas de HTML seguramente hemos tenido el problema de que
al crecer nuestro sitio web lo que sucede es que los estilos ya sea a nuestros textos nuestras imágenes
o nuestras cajas de texto etcétera empiezan a tener formatos distintos y para poder aplicar un mismo
formato a todos estos elementos HTML se van a centralizar en estilos los cuales conocemos como CSS.
La idea es crear estilos CSS y estos estilos los vamos a ir aplicando a nuestros elementos HTML CSS
se conoce como un lenguaje en cascada debido a que se van aplicando de esta manera en forma de cascada
o de manera heredada por ejemplo un estilo que se define en un archivo punto CSS puede ser escrito por
un estilo definido directamente en la página HTML.
De esta manera es que los estilos se van sobre escribiendo según sean más internos o más externos prevaleciendo
siempre el elemento CSS más interno como por ejemplo lo que hemos comentado un estilo definido dentro
de una página web prevalece ante un estilo definido en un archivo CSS externo Document Object Model
cuando una página web se carga en el navegador se crea lo que se conoce como Document Object Model también
conocido como Dom el Dom se construye como un árbol de objetos.
Como podemos observar en la figura cada uno de estos elementos es creado y cada elemento depende de
otro elemento dentro del árbol es a través de este árbol que podemos aplicar estilos a cada uno de los
elementos de nuestra página HTML y a través de CSS aplicar un diseño específico a cada elemento.
Esto lo haremos a través de selectores los cuales estudiaremos a continuación
selectores en CSS un selector en CSS como su nombre lo dice se utiliza para seleccionar elementos de
nuestra página HTML a través del DOM Document Object Model.
Es posible ver la página HTML como un árbol de elementos HTML anidados.
Según hemos visto y es a través de este árbol de elementos que vamos a poder seleccionarlos y aplicarles
un estilo definido a cada uno de estos elementos existen los siguientes selectores en CSS por un lado
tenemos los electores de tipo Heydi estos electores se utilizan para especificar el estilo de un elemento
único en la página web actual para definir un Heydi de CSS.
Se utiliza el símbolo de número se debe aplicar al atributo Heydi en los elementos HTML por otro lado
tenemos los electores de tipo Class estos electores se utilizan para especificar el estilo de un grupo
de elementos para definir una clase CSS se utiliza el operador punto y se debe de aplicar al atributo
class de los elementos HTML.
A continuación vamos a poner en práctica estos temas para que quede claro el concepto de CSS así como
sus electores.