Así que, a continuación, sigamos adelante y simplemente dupliquemos este marcado, que es todo lo que hice aquí.
Utilicé palabras ligeramente diferentes ligeramente tocino ipsum entre estos párrafos.
Así que simplemente voy a copiar estos dos en el h t m l Pero de nuevo ese no es el foco aquí.
Entonces, lo que queremos de nuevo, asegúrate de tomar esto desde cero, así que la clase div es igual a las publicaciones.
Y algunos de ustedes se estarían preguntando por qué me molesté en poner div un div con clase igual a publicar
alrededor de todo.
Esto funcionaría bien sin eso.
Realmente se trata de agrupar cosas.
Prefiero tener un lío gigante donde una publicación de blog se desangra en otra.
Me gusta tener las cosas un poco contenidas para que sepa que esta es una publicación y termina aquí, así que,
en mi opinión, se trata más bien de mantener el código un poco limpio.
Entonces queríamos tener un div llamado fecha o fecha clásica y esa fecha es el 11 de diciembre de 2015.
Salva eso.
Luego tuvimos un H2 y ese H-2.
Este es otro artículo que es otro artículo terrible.
No recomiendo que lo leas.
Solo se trata de tocino.
Así que solo voy a seguir adelante y copiar esta cita nuevamente.
Que es un párrafo.
La clase es igual a la cita pegar eso en.
Y luego tenemos dos párrafos más aquí.
Uno y finalmente el último fragmento de marcado que necesitamos.
El segundo párrafo.
Aquí vamos.
Entonces veamos cómo se ve esto.
Así que una cosa que noto es que tenemos un poco menos de espacio entre las publicaciones aquí.
Entonces, este acaba de toparse con esto.
La fecha del 11 de diciembre definitivamente queremos un poco de espacio allí, como podemos ver en la parte izquierda de
eso podría ser porque la HRR que nos falta.
Aunque creo que lo que tenemos que hacer es agregar un margen entre las publicaciones del blog.
Así que empecemos por hacer esto.
Entonces, realmente no hemos visto realmente el elemento H R en la práctica.
Es muy simple de usar, se ve así.
En realidad, es de cierre automático, no necesita nada, es que no tiene ninguna etiqueta de cierre o
cualquier contenido interno, solo una regla horizontal de char.
Si actualizamos lo que verá
Entonces eso nos da esta línea y eso normalmente está bien.
A la mayoría de las personas les gusta diseñarlas un poco, así que esta es muy tenue.
No sé si puedes decirlo, pero básicamente se está volviendo un poco más grueso y luego se está desvaneciendo en
los bordes y hay algunos recursos geniales y cosas en línea que puedes usar para dar estilo a cualquier char.
Y la razón por la que agregaron esto aquí es que quería forzarte a buscar algo y tratar de
encontrar algunos estilos que no escribiste tú mismo.
Así que les mostraré exactamente lo que haría para encontrar algunos estilos H R.
Simplemente buscaría el estilo de HDR en Google y vería lo que obtenemos.
Y puedes ver que ya hice clic en dos de ellos antes.
Así que tenemos estilos simples para cada frasco y puedes ver que hay algunas opciones aquí.
Entonces ellos piensan que este es el que hice aquí.
Pero probemos uno como este.
Haga clic en el código y todo lo que tenemos que hacer es copiarlos.
Estos son dos estilos y copia esto y nosotros no.
No quiero pensar que necesites entender todas las líneas aquí porque estas son algunas cosas bastante
avanzadas y algo hacky como puedes ver, dice esta persona.
En realidad, no se supone que funcione, pero lo único que queremos hacer es asegurarnos de que van
a seleccionar nuestra H R y, por lo tanto, lo que está haciendo es dejar a la HRO con la clase de estilo 7 que
no tenemos.
veamos cómo se ve esto.
Así que seleccionamos un char y
Recarga la página.
De acuerdo, ahí vamos.
Entonces, personalmente, no me importa eso.
Voy a usar este aquí que se apaga.
Siéntete libre de hacer lo que quieras y jugar con él.
Pero una vez más, el punto era que quería que intentaras encontrar algo externo que no escribiste
y quiero mostrarte que está bien hacerlo.
Así que solo estoy copiando esto.
Yo no escribí esto.
Necesita deshacerse de estos estilos aquí y poner esto en.
Entonces, lo único que hacen es mirar, parece que están fijando un borde en el HRO, por lo que no hay una altura de borde que sea de solo
un píxel y luego esta imagen de fondo que es un degradado.
Y así es como obtienen ese efecto degradado.
Entonces, si actualizamos ahora, ahí lo tienes.
Aquí tenemos este agradable efecto degradado y si quisiéramos.
De hecho, prefiero este, así que solo voy a seguir adelante y mantener este.
Más allá de esto.
Podría cambiar el color un poco para que sea un gris más claro, pero mantengamos eso por ahora.
Pero todavía tenemos este problema, que es nuestra nuestra próxima publicación de blog está comenzando demasiado pronto y tenemos
que agregar algo de espacio allí.
Entonces, todo lo que tenemos que hacer es agregar un poco de margen.
Así que esta es una buena y agradable coincidencia que tenemos esta envoltura de publicación de blog en cada publicación porque simplemente
podemos agregar un margen en la parte inferior de cada publicación para que agregue espacio aquí.
Entonces todo lo que tenemos que hacer es seleccionar.
Déjame mostrarte la publicación de la clase.
Esa es una publicación.
Entonces, solo vamos aquí.
Es como margen de publicación y hagamos 20 píxeles y no solo margen.
Solo hagámoslo en la parte inferior, por lo que solo se actualizará en marzo y en la parte inferior y se verá bastante cerca.
es que tenemos un poco más de espacio que aquí y es porque esto o aquello que
agregamos está fuera de la clase de publicación por lo que no se ve afectado por ese margen que agregamos.
Entonces, el último pequeño problema aquí
Entonces, si lo hicimos, simplemente movemos el char A.
Donde es eso.
Aquí vamos al final de la publicación y estamos frescos.
Puedes ver si tenemos el espacio que queremos.
De acuerdo, entonces si quisiéramos experimentar y obtener este exacto, simplemente volveríamos a ese H. R. estilos y prueba algunos
de los otros.
Pero lo que realmente quiero mostrar de nuevo es que podemos incorporar otros estilos en.
Realmente no tenemos que saber exactamente cómo funcionan, aunque es una buena idea ser curioso
y tratar de resolverlo.
Así que afortunadamente disfrutó haciendo de este proyecto un buen blog minimalista simple y por ahora.
Obviamente, en realidad no funciona como un blog.
No hay comentarios que no podamos agregar en una nueva publicación con ningún tipo de interfaz.
a javascript y cuando en particular llegamos a la parte de atrás y tenemos una base de datos y
tenemos un servidor en un marco llamado Express, de hecho vamos a tomar este blog y conviértalo en un
blog real donde podamos agregar una publicación usando un formulario que podamos comentar y podemos hacer otras cosas como votar.
Realmente tenemos que editar el él mismo, pero cuando llegamos
Entonces eso va a ser realmente emocionante.
Usaremos esto para evaluarlo.
Es relativamente agradable en busca de relativamente pocas líneas.
OK, te veré cuando cubramos javascript