Dar una buena acogida.
Entonces, este video va a ser una descripción general de alto nivel de cómo funciona la evaluación y qué hace.
Así que queremos escribir cualquier código hasta la próxima lección y casi todas las lecciones
a partir de ahí nos cubrirán.
Pero lo que vamos a hacer es tres cosas importantes para definir el éxito y hablar
sobre el papel que desempeña por qué lo usas.
Vamos a ver algunos sitios web que tienen el.
Vamos a sacar el C S C S y ver cómo cambian.
Y luego vamos a definir esta regla general que seguirá para cada línea de CSSA que escribamos.
Entonces, vamos a hablar sobre cuál es la postura de las hojas de estilos en cascada.
Entonces, la parte en cascada a la que vamos a volver en un video posterior.
Pero las hojas de estilo son bastante auto explicativas.
Recuerde que C Ss a menudo se considera los adjetivos o la piel donde H M L serían los sustantivos.
Entonces, Jim Ellis, la estructura que queremos al encabezar aquí y un punto de vista aquí.
Solíamos decir que los encabezados eran de color púrpura y el tamaño de fuente de 50 píxeles, moverlo hacia abajo
y darle un borde.
Entonces lo usamos para describir cómo deberían verse las cosas, así que las hojas de estilo.
La otra parte es la parte de las hojas y lo que eso significa es que vamos a escribir
estas separadamente de cada equipo.
No están dentro de HMO.
Son documentos separados que luego incluimos en nuestra HMO.
Empecemos por echar un vistazo a algunos ejemplos.
sitio que realmente me gusta llamado jardín CSX Zen y el
objetivo de este sitio es mostrarte la variedad de cosas que puedes lograr con Jesse s.
Hay un
Entonces, si miran aquí, tenemos un margen de beneficio.
Miremos el archivo HDMI.
Podemos continuar y abrir eso.
Así que este es el archivo central que cada página de NCEA dice.
El jardín Zen usa.
Entonces puedes ver que es bastante básico.
Tenemos algunos encabezados.
Tenemos algunos párrafos, algunos enlaces, algunas viñetas en la parte inferior, y luego, la idea general
de este sitio es que los contribuyentes lo envíen por correo electrónico y escriban su propio CSSA
sin cambiarlo.
Entonces solo cambias para ver que la estructura es la misma y terminas con diferentes resultados.
Así que aquí hay uno.
Y en el lado derecho puede ver algunos otros y hay muchos en el sitio y realmente puede
contribuir con los suyos si así lo desea.
Bueno, echemos un vistazo.
Así que este es radicalmente diferente total diferentes diseños diferentes esquemas de color fuentes de imágenes.
Este también es muy diferente.
Tiene esta bonita animación de carga, todo hecho Roscius nosotros.
Puede desplazarse hacia abajo y tenemos este efecto donde nuestro contenido se desplaza pero la imagen de fondo es estática.
Tenemos este que es radicalmente diferente también.
Y podríamos pasar todo el día aquí y solo encontramos uno más que es mi favorito, que
es un robot llamado Jimmy.
Obtenemos a este pequeño robot que aparece en este giro con un estallido en la espalda.
También otro efecto de desplazamiento, así que te estoy mostrando esto para que puedas ver qué tan poderoso es CSSA.
Básicamente es el doctor de la piel.
Los aditivos para su estructura pueden cambiar.
Usted sabe aparte de lucir así y puede cambiarlo para que se vea así.
Así que, con suerte, eso es suficiente para entusiasmarte por aprender que el lado de C S ha sido
bastante insulso.
No hemos tenido ningún estilo además de los estilos en blanco y negro predeterminados.
Así que, a continuación, quiero hablar sobre una regla general que seguirá cada línea de CSSA que hemos escrito.
Entonces este patrón aquí se ve así.
Seleccionamos algo
Así que vamos a hablar mucho sobre lo que realmente sucede allí, pero seleccionaremos algo como All h
one o cada etiqueta de anclaje dentro de un aliado.
Así que hacemos algo en donde estamos seleccionando elementos h timL están haciendo referencia a html existente y
luego dentro de las llaves usamos algunos estilos y siguen este formato de pares de valores clave donde tenemos una
propiedad dos puntos y luego un valor correspondiente y luego un semi -colon.
diferentes que estamos cambiando, pero siempre siguen el valor Colan de esta propiedad de sintaxis.
Para que podamos tener una cosa aquí, podemos tener 100 propiedades
Así que aquí hay dos ejemplos.
Esta primera sección seleccionará todas las h.
Entonces, de nuevo, volveremos a ver cómo funcionan estos selectores.
Pero va a seleccionar todos los elementos en una página y luego les dará un
color púrpura y un tamaño de fuente de 56 y luego el siguiente aquí seleccionará todas las etiquetas de
imagen y les dará color rojo y borde con borde de tres pixeles
Entonces, sabes que no siempre vamos a seleccionar todos los que están en todas las etiquetas de imagen.
Vamos a tener varios videos sobre los matices de la selección de las cosas. A
veces queremos seleccionar toneladas de cosas; a veces hacemos un pequeño elemento a la vez.
Entonces hay muchas opciones pero siempre sigue este formato.
Seleccionamos algo con llaves y luego dentro de las llaves tenemos pares de valores clave que en realidad son solo
propiedades que estamos cambiando