Continuamos este proyecto y hemos creado este sección.
De momento vamos a hacerlo un poco más general y vamos a volver a crear los globales y tenemos este
H2 aquí tenemos el H2 así que vamos a dar estilos a esta parte y vamos a crear esta sección pero no
vamos a crear sección aquí sección y como dije vamos a probar así como un par de i30 pixeles cero esto
para tener esta separación.
Si en futuras secciones o dips etcétera tendremos lo mismo en nuestro diseño que si lo tenemos acá abajo
si está igual acá abajo también y acá abajo también nos va vamos a tener que agregar nada más esa clase
y se va a ir viendo mejor.
Recargamos y veamos que nos agrega este padrino.
Tenemos el H2 y este se utiliza la fuente de Oswalt pero también vamos a poner aquí un Francis 2.4 en
recargamos y vemos que es un poco más grande.
Ocupamos un text transfuga o Perquis para hacerlo todo en mayúsculas.
Se vea como el de nuestro diseño
y por último la vas a poner un texto Hola.En Center
se vea bien.
De esta forma puedes ver que si vemos nuestro diseño tenemos este pequeño diseño aquí con tres engranes
eso los vas a encontrar unas imágenes que hemos copiado.
Hay uno que se llama separador punto PNG y vamos encontrar y esto los vamos a utilizar con un HD2 after
y vamos a ponerle contén siempre que utilices Adapter o Gifford.
Tienes que ponerle un content.
Eso es como una ley si no va a ser un after vacío.
Margin cero auto porque tenemos el texto descentradas y que por lo tanto nuestro after también debe
de estar centrado background image así que le puedes poner al after una imagen o una imagen o un texto
o lo que quieras R.L.
Punto punto de Donal y MG separador punto PNG.
Le agregamos un alto de 30 píxeles y un ancho de 100 píxeles.
Y por último le ponemos un display Block para que tome las propiedades bien BB+ que aparece el H2 afters
inspeccionar nada más para que quede un poco más claro.
Damos clic aquí y vemos que más o menos se acomoda el after ahí vemos que tiene el margen cero auto
por eso se centra en el background image tiene un alto y un ancho que es lo que le definimos.
La parte naranja es el Marien que queda vacío.
Y para eso también se le puso el display Blok que creo que también display no funcionaría si creamos
el after sección ya nada más nos falta aquí sección.
Y quiero que todos estos párrafos que estén dentro de una sección tengan una altura de 1.4 M sea un
texto grande pero no tan grande que quede un poco más Tarbes 1.2 lo que se ve bien y un texanas Center
para que sea línea al centro del contenido
es color negro y no hay ningún problema y con esto ya tenemos por ejemplo el contenedor y el section
volvemos a hacerlo un poco más pequeño y podemos ver cómo el contenido fluye gracias a nuestros contenedores
que hemos creado dependiendo el ancho es la cantidad que va a ir tomando así que sí al principio cuando
inicias casi cualquier proyecto se siente así como que escribes mucho CSS.
Sin embargo conforme vas avanzando vas a ir reutilizando lo que has escrito y al final siempre lo que
está sin hacerse será un poco más difícil.
Pero una vez que ya tengamos así como esta estructura ya tengamos algo hecho será siempre más fácil
o será cada vez menos lo que tengamos que escribir de CSS si vemos nuestro diseño en el siguiente capítulo
tenemos que trabajar con esta sección de del programa del evento tendrá un vídeo de HTML 5 de fondo.
Tendrá este programa el evento es un diseño un poco más avanzado pero vamos a ver cómo hacerlo en el
siguiente vídeo.