1 00:00:00,390 --> 00:00:06,690 Quindi la prossima cosa su cui potrebbero concentrarsi è pensare a lei che lo ha invecchiato un po 'di più. 2 00:00:07,080 --> 00:00:16,110 Quindi quello che voglio fare qui è andare avanti e aggiungere la data in questo paragrafo qui questo paragrafo preventivo e 3 00:00:16,350 --> 00:00:23,220 poi potremmo anche voler raggruppare i nostri elementi oi nostri post insieme in modo che abbiamo 4 00:00:23,220 --> 00:00:26,510 un post come elemento e Fai quello. 5 00:00:26,790 --> 00:00:32,590 Sto solo usando un div qui, quindi ho intenzione di fare una nuova classe div uguale a post. 6 00:00:32,700 --> 00:00:36,070 Quindi sto solo dando una lezione solo per chiarire cosa sia. 7 00:00:36,080 --> 00:00:39,240 Perché solo dicendo div non è molto chiaro cosa stia facendo. 8 00:00:39,450 --> 00:00:46,610 E questo sarà un post e poi avremo un altro post di classe div per il secondo qui. 9 00:00:46,980 --> 00:00:50,430 Quindi andiamo avanti e aggiungiamo anche una data. 10 00:00:50,760 --> 00:00:54,010 E per quella data potrebbe davvero essere qualsiasi cosa. 11 00:00:54,300 --> 00:00:59,800 Ho intenzione di renderlo un'altra classe div uguale alla data, ma che potrebbe essere un paragrafo anche se 12 00:00:59,820 --> 00:01:00,600 si voleva essere. 13 00:01:00,600 --> 00:01:02,790 In questo caso non ha molta importanza. 14 00:01:03,390 --> 00:01:08,520 e farò solo un paragrafo qui sotto, ma lo renderò leggermente diverso, naturalmente, 15 00:01:09,450 --> 00:01:15,240 perché ho bisogno di farlo diversamente rispetto a questi paragrafi dirò andiamo a dargli una 16 00:01:15,240 --> 00:01:16,350 classe chiamata preventivo. 17 00:01:18,840 --> 00:01:23,190 E poi un'altra cosa che vogliamo fare è aggiungere questa citazione 18 00:01:25,110 --> 00:01:27,740 E poi, mentre siamo qui, aggiungiamo il nostro appuntamento qui. 19 00:01:27,900 --> 00:01:32,400 23 novembre 2015 e sicuro. 20 00:01:32,400 --> 00:01:36,620 Quindi, se sei fresco in questo momento, sembrerà davvero vicino a quello che stiamo cercando. 21 00:01:36,630 --> 00:01:38,640 Dobbiamo cambiare un po 'la data. 22 00:01:39,000 --> 00:01:44,020 Quando cambi la dimensione del carattere di questo H-1 qui lascia che li faccia fianco a fianco. 23 00:01:44,280 --> 00:01:47,260 Abbiamo bisogno di aggiungere in questo bordo sinistro qui sulla citazione. 24 00:01:47,610 --> 00:01:53,310 Quando cambi il colore se questa è la spaziatura, se è così, dobbiamo aggiungere questa h r in. 25 00:01:53,850 --> 00:02:00,140 Andiamo avanti e iniziamo con lo styling. 26 00:02:00,420 --> 00:02:02,170 Questo ha lasciato Forder qui. 27 00:02:02,280 --> 00:02:08,640 Quindi ricorda che abbiamo la classe che abbiamo chiamato citazione qui. 28 00:02:09,150 --> 00:02:10,730 Vogliamo tornare su RC ss. 29 00:02:10,740 --> 00:02:13,960 È una citazione simile. 30 00:02:16,800 --> 00:02:20,730 E poi tutto quello che dobbiamo fare è aggiungere 5 pixel 31 00:02:24,600 --> 00:02:28,470 a sinistra e il colore è lo stesso di questo. 32 00:02:28,470 --> 00:02:34,180 Quindi cinque pixel grigio solido che sfumano di grigio. 33 00:02:34,560 --> 00:02:35,590 E questo è tutto. 34 00:02:36,000 --> 00:02:37,200 E diamo un'occhiata. 35 00:02:37,530 --> 00:02:38,040 OK. 36 00:02:38,040 --> 00:02:39,510 Quindi questo è vicino. 37 00:02:39,510 --> 00:02:43,140 L'unica cosa che noterai è che qui c'è qualche spaziatura. 38 00:02:43,140 --> 00:02:48,300 E naturalmente quella spaziatura tra il bordo sinistro e l'elemento. 39 00:02:48,450 --> 00:02:50,970 Quindi quello sarebbe il padding che dobbiamo cambiare. 40 00:02:51,360 --> 00:02:59,550 il padding ho intenzione di fare il padding a sinistra di cinque pixel per l'aggiornamento e questo sembra abbastanza buono. 41 00:02:59,550 --> 00:03:00,610 Quindi per cambiare 42 00:03:00,630 --> 00:03:05,190 Potete vedere questi sembrano identici Ora i due paragrafi di citazione. 43 00:03:05,190 --> 00:03:08,460 Quindi il prossimo abbiamo alcune scelte. 44 00:03:08,760 --> 00:03:12,410 Andiamo avanti e affrontiamo la data. 45 00:03:12,480 --> 00:03:15,060 Quindi ci sono alcune cose che vogliamo rendere tutto in maiuscolo. 46 00:03:15,140 --> 00:03:20,720 Voglio cambiare il colore e vogliamo aggiungere questa interlinea o la spaziatura delle lettere. 47 00:03:21,120 --> 00:03:26,370 Quindi ho intenzione di spostare questo a sinistra selezionare la classe data. 48 00:03:26,370 --> 00:03:30,880 Questo è ciò che chiamiamo giorno della lezione. 49 00:03:32,370 --> 00:03:34,300 Quindi la data di Dot. 50 00:03:34,890 --> 00:03:40,100 E mentre sono qui, prendiamo il colore che è questa particolare sfumatura di blu. 51 00:03:40,290 --> 00:03:47,480 Assegniamo il colore in modo che sia blu e aggiorni che puoi vedere da dove proviene. 52 00:03:47,970 --> 00:03:59,110 Quindi, per rendere tutto in maiuscolo usando CSSA, potreste ricordare dal testo del video Selecta trasformare le lettere maiuscole. 53 00:04:00,330 --> 00:04:01,470 E se fossimo freschi. 54 00:04:01,800 --> 00:04:04,600 OK, sembra abbastanza vicino. 55 00:04:04,620 --> 00:04:09,190 Praticamente l'unica cosa che rimane da fare è la spaziatura delle lettere. 56 00:04:09,570 --> 00:04:12,040 Quindi abbiamo un sacco di opzioni per la spaziatura delle lettere. 57 00:04:12,510 --> 00:04:18,840 Per quanto riguarda le dimensioni e le unità che usiamo, ma la proprietà è chiamata letter spacing. 58 00:04:19,350 --> 00:04:20,400 E poi possiamo dargli un numero. 59 00:04:20,400 --> 00:04:23,490 Quindi sto usando i primi 10 pixel per mostrarti. 60 00:04:23,490 --> 00:04:28,560 E questo ci dà 10 pixel tra i numeri che è un bel po 'e molto più del necessario. 61 00:04:28,560 --> 00:04:37,560 Quindi quello che userò in realtà è un'altra unità chiamata r e m e R. E. M. è proprio come IEM che 62 00:04:37,560 --> 00:04:41,000 sono relativi all'elemento in cui sono annidati. 63 00:04:41,100 --> 00:04:44,550 Tranne che gli RPM non sono impostati dall'elemento genitore. 64 00:04:44,550 --> 00:04:47,170 In realtà sono impostati dall'elemento radice nella pagina. 65 00:04:47,370 --> 00:04:59,100 Quindi, ciò significa che se accedo al corpo 2. 00 R. E. M. e ho impostato la dimensione del carattere per essere 2. 00 R. E. M. 66 00:04:59,580 --> 00:05:06,240 e lo faccio invece di quotare, in realtà si riferiscono alla stessa dimensione del font contro se questo 67 00:05:06,240 --> 00:05:13,970 fosse EM, imposterebbe il corpo ad essere due volte più grande dell'elemento genitore e quindi la citazione che è all'interno 68 00:05:13,980 --> 00:05:17,760 del corpo sarebbe due volte più grande di questo qui. 69 00:05:17,760 --> 00:05:19,220 Quindi è relativo. 70 00:05:19,290 --> 00:05:22,860 Quando aggiungiamo in R. E. M. sebbene si riferisca all'elemento radice. 71 00:05:22,860 --> 00:05:28,110 Quindi questo è un bel modo per fare fondamentalmente font proporzionali senza doversi preoccupare di cosa 72 00:05:28,110 --> 00:05:29,740 sia annidato all'interno di cosa. 73 00:05:29,850 --> 00:05:38,110 Quindi non ho intenzione di cambiare la dimensione del carattere e il corpo, ma per la nostra data quello che volevamo. 74 00:05:38,760 --> 00:05:44,710 Userò il punto zero su RLM. 75 00:05:44,760 --> 00:05:50,820 Quindi questo prenderà la normale dimensione del font e aggiungerà un po 'di spaziatura in più tra le 76 00:05:50,940 --> 00:05:56,640 lettere che indicano la dimensione del font, quindi vedrai che finiremo con quello che sembra giusto. 77 00:05:56,700 --> 00:06:03,120 È il punto 2 e non mi aspetto che tu sappia che è stato il punto 2 perché l'ho scritto, 78 00:06:03,120 --> 00:06:08,180 ma se lo stavo facendo da capo avrei giocato un po 'e avrei provato il 79 00:06:09,630 --> 00:06:11,910 punto cinque per primo come è fatto 80 00:06:11,910 --> 00:06:13,510 OK, è troppo grande 81 00:06:13,890 --> 00:06:16,720 E tu sai che non è una scienza esatta. 82 00:06:16,860 --> 00:06:20,110 È solo in questo caso perché sono stato io a scriverlo. 83 00:06:20,910 --> 00:06:21,570 OK. 84 00:06:22,110 --> 00:06:24,620 Quindi abbiamo fatto che sembra abbastanza buono. 85 00:06:24,990 --> 00:06:31,410 Confrontiamoli ora che manca davvero tutto ciò che sembra. 86 00:06:31,410 --> 00:06:39,620 A parte il contenuto extra fatto qui sta rendendo questo H2 più grande e leggermente cambiando il colore. 87 00:06:40,260 --> 00:06:41,800 Quindi, prima facciamo il colore. 88 00:06:41,820 --> 00:06:50,820 colore che ho qui solo un blu scuro che andrà ad impostare il colore se siamo freschi. 89 00:06:50,820 --> 00:06:53,670 Selezioneremo tutte le età e il 90 00:06:53,670 --> 00:06:57,560 È davvero difficile da vedere, ma è cambiato leggermente. 91 00:06:58,260 --> 00:06:59,900 E poi ci sono altre due cose. 92 00:06:59,940 --> 00:07:03,700 Bene, c'è una cosa principale che vogliamo fare che sta cambiando la dimensione del carattere. 93 00:07:04,410 --> 00:07:09,840 E capita di sapere che questo è il doppio della dimensione del carattere come tutto il resto. 94 00:07:09,840 --> 00:07:13,360 Quindi sarebbe 2. 0 rpm. 95 00:07:13,470 --> 00:07:22,970 Quindi stiamo solo impostando la dimensione del carattere 2. 0 R. E. M. salva l'aggiornamento e finiamo con questo. 96 00:07:22,980 --> 00:07:28,650 Quindi confrontiamolo ora e tutto sembra esattamente lo stesso. 97 00:07:28,650 --> 00:07:32,780 Fino a questo paragrafo che ci manca qui, poi tutto sotto. 98 00:07:33,480 --> 00:07:36,660 Quindi andiamo avanti e aggiungere questo paragrafo. 99 00:07:36,720 --> 00:07:38,290 Sto solo andando a copiare il testo. 100 00:07:38,610 --> 00:07:43,470 Ma sentiti libero di usare qualsiasi testo di tua signoria che ti piace e poi aggiungeremo in un 101 00:07:43,470 --> 00:07:45,450 altro post del blog e vediamo come appare. 102 00:07:46,110 --> 00:07:53,000 Quindi torno alla h t m l e sto solo andando ad aggiungere un altro paragrafo in basso e incollarlo dentro. 103 00:07:54,420 --> 00:08:01,520 OK, questo è il nostro primo post sul blog. 104 00:08:01,540 --> 00:08:03,360 Li confrontiamo. 105 00:08:03,360 --> 00:08:06,190 Sembrano identici ad eccezione di questo H. R. Quindi questa è una cosa che vorremmo aggiungere, c'è H R che lascerà fino alla fine 106 00:08:06,210 --> 00:08:11,350