1 00:00:00,390 --> 00:00:06,690 Así que lo siguiente en lo que podrían querer enfocarse es en pensar que ella lo envejeció un poco más. 2 00:00:07,080 --> 00:00:16,110 Entonces, lo que voy a querer hacer aquí es continuar y agregar la fecha en este párrafo aquí este párrafo 3 00:00:16,350 --> 00:00:23,220 de cita y luego también podemos agrupar nuestros elementos o nuestras publicaciones para que tengamos 4 00:00:23,220 --> 00:00:26,510 una publicación como elemento y para Haz eso. 5 00:00:26,790 --> 00:00:32,590 Solo voy a usar un div aquí, así que voy a hacer que una nueva clase div sea igual a publicación. 6 00:00:32,700 --> 00:00:36,070 Así que solo estoy dando una clase solo para dejar en claro qué es esto. 7 00:00:36,080 --> 00:00:39,240 Porque solo diciendo div no está muy claro qué está haciendo. 8 00:00:39,450 --> 00:00:46,610 Y esta será una publicación y luego tendremos otra publicación de clase Div para la segunda aquí. 9 00:00:46,980 --> 00:00:50,430 Entonces continuemos y agreguemos una fecha también. 10 00:00:50,760 --> 00:00:54,010 Y para esa fecha eso realmente podría ser cualquier cosa. 11 00:00:54,300 --> 00:00:59,800 Voy a hacer que otra clase div sea igual a la fecha, pero también podría ser un párrafo 12 00:00:59,820 --> 00:01:00,600 si quisieras serlo. 13 00:01:00,600 --> 00:01:02,790 Realmente no importa en este caso. 14 00:01:03,390 --> 00:01:08,520 a hacer un párrafo aquí, pero voy a hacerlo ligeramente diferente, por supuesto, porque tengo 15 00:01:09,450 --> 00:01:15,240 que darle un estilo diferente a estos párrafos, así que Voy a decir que vamos a darle 16 00:01:15,240 --> 00:01:16,350 una clase llamada quote. 17 00:01:18,840 --> 00:01:23,190 Y luego, otra cosa que queremos hacer es agregar esta cita y voy 18 00:01:25,110 --> 00:01:27,740 Y luego, mientras estamos aquí, agreguemos nuestra fecha aquí. 19 00:01:27,900 --> 00:01:32,400 23 de noviembre de 2015 y seguro. 20 00:01:32,400 --> 00:01:36,620 Entonces, si estás fresco en este momento, se verá muy cerca de lo que estamos buscando. 21 00:01:36,630 --> 00:01:38,640 Tenemos que cambiar la fecha bastante. 22 00:01:39,000 --> 00:01:44,020 Cuando cambie el tamaño de fuente de este H-1 Aquí déjeme hacerlos uno al lado del otro. 23 00:01:44,280 --> 00:01:47,260 Necesitamos agregar en este borde izquierdo aquí en la cita. 24 00:01:47,610 --> 00:01:53,310 Cuando cambie el color si este es el espaciado si es así, entonces necesitamos agregar este h r in. 25 00:01:53,850 --> 00:02:00,140 Así que sigamos adelante y comencemos por el estilo. 26 00:02:00,420 --> 00:02:02,170 Esto dejó a Forder aquí. 27 00:02:02,280 --> 00:02:08,640 Así que recuerda que tenemos la clase que llamamos cita aquí. 28 00:02:09,150 --> 00:02:10,730 Vamos a querer volver a RC ss. 29 00:02:10,740 --> 00:02:13,960 Es una cita similar. 30 00:02:16,800 --> 00:02:20,730 Y entonces todo lo que tenemos que hacer es agregar 5 píxeles 31 00:02:24,600 --> 00:02:28,470 a la izquierda y el color es el mismo que este. 32 00:02:28,470 --> 00:02:34,180 Por lo tanto, cinco píxeles de color gris sólido de tono gris. 33 00:02:34,560 --> 00:02:35,590 Y eso es. 34 00:02:36,000 --> 00:02:37,200 Y echamos un vistazo. 35 00:02:37,530 --> 00:02:38,040 DE ACUERDO. 36 00:02:38,040 --> 00:02:39,510 Así que eso se ve de cerca. 37 00:02:39,510 --> 00:02:43,140 Lo único que notará es que hay algo de espacio aquí. 38 00:02:43,140 --> 00:02:48,300 Y, por supuesto, ese espacio es entre el borde, el borde izquierdo y el elemento. 39 00:02:48,450 --> 00:02:50,970 Entonces eso sería un colchón que necesitamos cambiar. 40 00:02:51,360 --> 00:02:59,550 cambiar ese relleno, voy a rellenar cinco píxeles para refrescar y se ve bastante bien. 41 00:02:59,550 --> 00:03:00,610 Entonces, para 42 00:03:00,630 --> 00:03:05,190 Puede ver que estos se ven idénticos. Ahora los dos párrafos citan. 43 00:03:05,190 --> 00:03:08,460 Así que, luego, tenemos algunas opciones. 44 00:03:08,760 --> 00:03:12,410 Avancemos y abordemos la fecha. 45 00:03:12,480 --> 00:03:15,060 Entonces, hay algunas cosas que queremos que todo sea mayúsculo. 46 00:03:15,140 --> 00:03:20,720 Quiero cambiar el color y queremos agregar este espaciado entre líneas o espaciado entre letras. 47 00:03:21,120 --> 00:03:26,370 Así que voy a mover esto a la izquierda, seleccione la clase de fecha. 48 00:03:26,370 --> 00:03:30,880 Eso es lo que llamamos el día de la clase. 49 00:03:32,370 --> 00:03:34,300 Entonces fecha de Dot. 50 00:03:34,890 --> 00:03:40,100 Y mientras estoy aquí, tomemos el color que es este particular tono de azul. 51 00:03:40,290 --> 00:03:47,480 Y asignemos color para que sea azul y refresque, puede ver dónde parte del camino. 52 00:03:47,970 --> 00:03:59,110 Entonces, para hacerlo todo en mayúsculas usando CSSA, tal vez recuerde que el texto de Selecta transforma mayúsculas. 53 00:04:00,330 --> 00:04:01,470 Y si estuviéramos frescos. 54 00:04:01,800 --> 00:04:04,600 OK, eso se ve bastante cerca. 55 00:04:04,620 --> 00:04:09,190 Casi lo único que nos queda por hacer es el espaciado entre letras. 56 00:04:09,570 --> 00:04:12,040 Entonces tenemos un montón de opciones para el espaciado entre letras. 57 00:04:12,510 --> 00:04:18,840 En cuanto al tamaño y las unidades que utilizamos, pero la propiedad se llama espacio entre letras. 58 00:04:19,350 --> 00:04:20,400 Y luego podemos darle un número. 59 00:04:20,400 --> 00:04:23,490 Así que estoy usando 10 píxeles primero para mostrarte. 60 00:04:23,490 --> 00:04:28,560 Y eso nos da 10 píxeles entre los números, que es bastante y mucho más de lo que necesitamos. 61 00:04:28,560 --> 00:04:37,560 Entonces, lo que en realidad voy a usar es otra unidad llamada r e m y R. MI. METRO. es como los IEM que son 62 00:04:37,560 --> 00:04:41,000 relativos al elemento en el que están anidados. 63 00:04:41,100 --> 00:04:44,550 Excepto que los RPM no son establecidos por el elemento padre. 64 00:04:44,550 --> 00:04:47,170 En realidad, están establecidos por el elemento raíz en la página. 65 00:04:47,370 --> 00:04:59,100 Entonces, ¿qué significa eso? Si tengo acceso dentro del cuerpo 2. 00 R. MI. METRO. y establecí el tamaño de fuente para que sea 2. 00 R. MI. METRO. 66 00:04:59,580 --> 00:05:06,240 y hago eso en lugar de citar también, en realidad se están refiriendo al mismo tamaño de fuente, 67 00:05:06,240 --> 00:05:13,970 si fuera EM, sería establecer que el cuerpo fuera el doble del elemento principal y luego la cita que está dentro 68 00:05:13,980 --> 00:05:17,760 del cuerpo sería dos veces más grande que este aquí. 69 00:05:17,760 --> 00:05:19,220 Entonces es relativo. 70 00:05:19,290 --> 00:05:22,860 Cuando agregamos en R. MI. METRO. aunque se está refiriendo al elemento raíz. 71 00:05:22,860 --> 00:05:28,110 Así que esta es una buena manera de hacer básicamente fuentes proporcionales sin tener que preocuparse por lo 72 00:05:28,110 --> 00:05:29,740 que está anidado dentro de qué. 73 00:05:29,850 --> 00:05:38,110 Así que no voy a cambiar el tamaño de la fuente y el cuerpo, pero para nuestra cita lo que queríamos. 74 00:05:38,760 --> 00:05:44,710 Voy a usar punto cero para RLM. 75 00:05:44,760 --> 00:05:50,820 Así que eso tomará el tamaño de letra normal y agregará un espacio extra entre las letras que 76 00:05:50,940 --> 00:05:56,640 apuntan al tamaño de la fuente para que veas que terminamos con lo que parece correcto. 77 00:05:56,700 --> 00:06:03,120 Es el Punto 2 y no espero que sepas que sé que era el punto 2 porque lo escribí, 78 00:06:03,120 --> 00:06:08,180 pero si lo hiciera desde cero, habría jugado un poco y habría intentado el punto 79 00:06:09,630 --> 00:06:11,910 cinco primero. como se ve eso 80 00:06:11,910 --> 00:06:13,510 OK eso es demasiado grande. 81 00:06:13,890 --> 00:06:16,720 Y sabes que no es así, no es una ciencia exacta. 82 00:06:16,860 --> 00:06:20,110 Simplemente es en este caso porque yo fui quien lo escribió. 83 00:06:20,910 --> 00:06:21,570 DE ACUERDO. 84 00:06:22,110 --> 00:06:24,620 Así que tenemos eso hecho que se ve bastante bien. 85 00:06:24,990 --> 00:06:31,410 Vamos a comparar estos ahora realmente todo lo que faltaba, parece. 86 00:06:31,410 --> 00:06:39,620 Aparte del contenido adicional que se hace aquí, este H2 es más grande y cambia ligeramente el color. 87 00:06:40,260 --> 00:06:41,800 Así que vamos a hacer el color primero. 88 00:06:41,820 --> 00:06:50,820 de dos años y el color que tengo aquí es de color azul oscuro para establecer el color si estamos frescos. 89 00:06:50,820 --> 00:06:53,670 Vamos a seleccionar todas las edades 90 00:06:53,670 --> 00:06:57,560 Es realmente difícil de ver, pero cambió muy ligeramente. 91 00:06:58,260 --> 00:06:59,900 Y luego hay otras dos cosas. 92 00:06:59,940 --> 00:07:03,700 Bueno, hay una cosa principal que queremos hacer que está cambiando el tamaño de la fuente. 93 00:07:04,410 --> 00:07:09,840 Y sé que este es el doble del tamaño de letra que todo lo demás. 94 00:07:09,840 --> 00:07:13,360 Entonces eso sería 2. 0 rpms. 95 00:07:13,470 --> 00:07:22,970 Así que solo vamos a establecer el tamaño de fuente 2. 0 R. MI. METRO. guardar actualización y terminamos con esto. 96 00:07:22,980 --> 00:07:28,650 Así que comparemos eso ahora y todo se ve exactamente igual. 97 00:07:28,650 --> 00:07:32,780 Hasta este párrafo que nos falta aquí, todo a continuación. 98 00:07:33,480 --> 00:07:36,660 Entonces continuemos y agreguemos este párrafo. 99 00:07:36,720 --> 00:07:38,290 Voy a copiar el texto. 100 00:07:38,610 --> 00:07:43,470 Pero siéntase libre de usar cualquier texto que le guste a su señoría y luego lo agregaremos en otra 101 00:07:43,470 --> 00:07:45,450 publicación de blog y veremos cómo se ve. 102 00:07:46,110 --> 00:07:53,000 De vuelta a la página y voy a agregar otro párrafo en la parte inferior y pegarlo. 103 00:07:54,420 --> 00:08:01,520 OK, esa es nuestra primera publicación en el blog. 104 00:08:01,540 --> 00:08:03,360 Los comparamos. 105 00:08:03,360 --> 00:08:06,190 Se ven idénticos, excepto por este H. R. Entonces, eso es algo que vamos a querer agregar, hay H R que se irá hasta el final 106 00:08:06,210 --> 00:08:11,350