Vamos a darle estilos al Führer.
Primero voy a seleccionar mi archivo de Photoshop y voy a copiar el color.
Si no tienes Photoshop no te preocupes si el color 35 35 35 y volvemos al punto CCC.
Qué supone un comentario que a Fuhrer le al Führer.
Abrimos nuestras llaves no es un background color y guardo cambio si recargo.
Sin embargo puedes ver aquí con este vagaron color que sobre GDL webcam queda muy al filo de la separación
del Führer y el contador suponerles quien patentó de 40 pixeles un poco de separación igual nos haría.
No haría nada mal un margen de 20 pixeles un poco de separación también aquí continuamos y hemos creado
tres chips.
Puedes ver que tenemos el Führer y luego tenemos el DIV de contenedor.
Tenemos tres chips así que podemos escribió un selector Führer punto contenido y luego se lo cual selector
nada más.
El primer nivel de hijos.
Tenemos un color iba a ser blanco Padín de cero píxeles y 20 píxeles un poco de separación entre cada
uno de ellos
y por último le ponemos FOM 6 12 píxeles y un texto al año Estefi.
Puede ser que como no tomó muy bien el color blanco.
Igual hay que escribir del selector un poco más específico.
Primero voy a alinearlos en tres columnas y voy a copiar este media cuerito y luego copio este y aquí
lo voy a poner en un width 33.3 por ciento y un flash LED y guardo cámbiese recargo
y vemos que hay algo que no lo está haciendo.
Si es porque es contenedor y quiero estropeaba como contenido ahora si vamos que lo hace.
Había un error ahí pequeño
cosas que pasan cuando escribes mucho código pero igual ya vimos que era sencillo de arreglar.
Vemos que también tenemos este Fuhrer información
que existe aquí y tenemos también los que vienen siendo nuestros H3 nuestros párrafos etcétera.
Creo que no me gusta mucho este Teck Salim lo que se ve mejor así vamos a ponerle aquí por ejemplo
Fuhrer CH3 y el color de la H3 va a ser el color blanco así que le ponemos color blanco FFF.
De esta forma y en el spam vamos a poner el color naranja así que podemos copiar este color y ponerle
Fuhrer encrespan y ponerle un color que vendría siendo el color naranja.
Recargamos si vemos que nos da este efecto de uno blanco y el otro anaranjado utilizando este selector.
Estamos cerca aquí en el H3 también voy a cambiar de fuente.
Voy a hacerle algunos ajustes primeros ponerle un tex Transform o percas.
Aquí puedes ver que en el diseño están todos en mayúsculas.
También le vas a poner un font family utilizáramos la fuente de Oswalt sans serif y por último un color
más.
Hemos definido un margen bottom Marien hacia abajo de 20 píxeles recargamos y vamos que se ve de esta
forma aquí en la lista me gustaría tener un poco de separación puedo poner Fuhrer y
llegarán últimos tuits.
Vamos Fuhrer últimos tweets Lehi margin Boron de 10 píxeles recargar y eso nos va a dar un poco de separación
entre cada uno de los tweets suponiendo que los tengamos todavía no hemos trabajado en esa parte pues
se va viendo bien.
Nos hace falta el menú de redes sociales queremos que está eliminado la derecha a la izquierda que está
centrado así que podemos poner Fuhrer NAB punto redes sociales y ponerlo en TeX Alin Leff y recargar.
Que se alinea a la izquierda en la parte inferior de nuestro diseño.
Tenemos esto de todos los derechos reservados.
GDL webcam vamos a copiarlo y lo pegamos aquí y le ponemos una clase que diga por ejemplo copyright
copyright y podemos abrir aquí p.ej copyright.
Este tiene un color de fondo aparte un poco más oscuro puedo seleccionarlo de aquí es 2 2 2 poco Bagram
color y un poco de Padín porque si lo guardo así lo recargo.
Vamos a ver que es difícil de ver queda muy pegado no se para el color blanco para que sea más fácil
de verlo vemos que queda así como muy pegado arriba y abajo así que vamos con un Pauling de 10 píxeles
y cero 10 arriba y abajo y ser de izquierda y derecha y puedes ver que es como queda una línea abajo
ese es un margen le puedes poner margen cero y eso lo remueve.
Y por último nada más tenemos que ponerle un Texas Light Center y con esto se vería bien alineado horizontalmente.
Igual le podemos poner un margen de 20 píxeles arriba y serun los demás para que haya un poco mas de
separación.
Creo que se ve bien y con esto en general creo que nuestro diseño se ve bastante bien.
Me imagino que a estas alturas ya vas teniendo un buen conocimiento de todo lo que hay en CSS y en HTML.
Igual aquí no nos vamos a detener vamos a eso si vamos a hacer una pequeña pausa en esto y es hora de
irnos a un lenguaje nuevo aprender cosas nuevas.
Vamos a comenzar a partir del próximo capítulo con JavaScript ya que no digo que hemos llegado al límite
de CSS sin embargo para continuar con todo lo que tenemos planeado para este proyecto es necesario aprender
el lenguaje de la web que en este caso es JavaScript.