Quindi la prossima cosa su cui potrebbero concentrarsi è pensare a lei che lo ha invecchiato un po 'di più.
Quindi quello che voglio fare qui è andare avanti e aggiungere la data in questo paragrafo qui questo paragrafo preventivo e
poi potremmo anche voler raggruppare i nostri elementi oi nostri post insieme in modo che abbiamo
un post come elemento e Fai quello.
Sto solo usando un div qui, quindi ho intenzione di fare una nuova classe div uguale a post.
Quindi sto solo dando una lezione solo per chiarire cosa sia.
Perché solo dicendo div non è molto chiaro cosa stia facendo.
E questo sarà un post e poi avremo un altro post di classe div per il secondo qui.
Quindi andiamo avanti e aggiungiamo anche una data.
E per quella data potrebbe davvero essere qualsiasi cosa.
Ho intenzione di renderlo un'altra classe div uguale alla data, ma che potrebbe essere un paragrafo anche se
si voleva essere.
In questo caso non ha molta importanza.
e farò solo un paragrafo qui sotto, ma lo renderò leggermente diverso, naturalmente,
perché ho bisogno di farlo diversamente rispetto a questi paragrafi dirò andiamo a dargli una
classe chiamata preventivo.
E poi un'altra cosa che vogliamo fare è aggiungere questa citazione
E poi, mentre siamo qui, aggiungiamo il nostro appuntamento qui.
23 novembre 2015 e sicuro.
Quindi, se sei fresco in questo momento, sembrerà davvero vicino a quello che stiamo cercando.
Dobbiamo cambiare un po 'la data.
Quando cambi la dimensione del carattere di questo H-1 qui lascia che li faccia fianco a fianco.
Abbiamo bisogno di aggiungere in questo bordo sinistro qui sulla citazione.
Quando cambi il colore se questa è la spaziatura, se è così, dobbiamo aggiungere questa h r in.
Andiamo avanti e iniziamo con lo styling.
Questo ha lasciato Forder qui.
Quindi ricorda che abbiamo la classe che abbiamo chiamato citazione qui.
Vogliamo tornare su RC ss.
È una citazione simile.
E poi tutto quello che dobbiamo fare è aggiungere 5 pixel
a sinistra e il colore è lo stesso di questo.
Quindi cinque pixel grigio solido che sfumano di grigio.
E questo è tutto.
E diamo un'occhiata.
OK.
Quindi questo è vicino.
L'unica cosa che noterai è che qui c'è qualche spaziatura.
E naturalmente quella spaziatura tra il bordo sinistro e l'elemento.
Quindi quello sarebbe il padding che dobbiamo cambiare.
il padding ho intenzione di fare il padding a sinistra di cinque pixel per l'aggiornamento e questo sembra abbastanza buono.
Quindi per cambiare
Potete vedere questi sembrano identici Ora i due paragrafi di citazione.
Quindi il prossimo abbiamo alcune scelte.
Andiamo avanti e affrontiamo la data.
Quindi ci sono alcune cose che vogliamo rendere tutto in maiuscolo.
Voglio cambiare il colore e vogliamo aggiungere questa interlinea o la spaziatura delle lettere.
Quindi ho intenzione di spostare questo a sinistra selezionare la classe data.
Questo è ciò che chiamiamo giorno della lezione.
Quindi la data di Dot.
E mentre sono qui, prendiamo il colore che è questa particolare sfumatura di blu.
Assegniamo il colore in modo che sia blu e aggiorni che puoi vedere da dove proviene.
Quindi, per rendere tutto in maiuscolo usando CSSA, potreste ricordare dal testo del video Selecta trasformare le lettere maiuscole.
E se fossimo freschi.
OK, sembra abbastanza vicino.
Praticamente l'unica cosa che rimane da fare è la spaziatura delle lettere.
Quindi abbiamo un sacco di opzioni per la spaziatura delle lettere.
Per quanto riguarda le dimensioni e le unità che usiamo, ma la proprietà è chiamata letter spacing.
E poi possiamo dargli un numero.
Quindi sto usando i primi 10 pixel per mostrarti.
E questo ci dà 10 pixel tra i numeri che è un bel po 'e molto più del necessario.
Quindi quello che userò in realtà è un'altra unità chiamata r e m e R. E. M. è proprio come IEM che
sono relativi all'elemento in cui sono annidati.
Tranne che gli RPM non sono impostati dall'elemento genitore.
In realtà sono impostati dall'elemento radice nella pagina.
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.
e lo faccio invece di quotare, in realtà si riferiscono alla stessa dimensione del font contro se questo
fosse EM, imposterebbe il corpo ad essere due volte più grande dell'elemento genitore e quindi la citazione che è all'interno
del corpo sarebbe due volte più grande di questo qui.
Quindi è relativo.
Quando aggiungiamo in R. E. M. sebbene si riferisca all'elemento radice.
Quindi questo è un bel modo per fare fondamentalmente font proporzionali senza doversi preoccupare di cosa
sia annidato all'interno di cosa.
Quindi non ho intenzione di cambiare la dimensione del carattere e il corpo, ma per la nostra data quello che volevamo.
Userò il punto zero su RLM.
Quindi questo prenderà la normale dimensione del font e aggiungerà un po 'di spaziatura in più tra le
lettere che indicano la dimensione del font, quindi vedrai che finiremo con quello che sembra giusto.
È il punto 2 e non mi aspetto che tu sappia che è stato il punto 2 perché l'ho scritto,
ma se lo stavo facendo da capo avrei giocato un po 'e avrei provato il
punto cinque per primo come è fatto
OK, è troppo grande
E tu sai che non è una scienza esatta.
È solo in questo caso perché sono stato io a scriverlo.
OK.
Quindi abbiamo fatto che sembra abbastanza buono.
Confrontiamoli ora che manca davvero tutto ciò che sembra.
A parte il contenuto extra fatto qui sta rendendo questo H2 più grande e leggermente cambiando il colore.
Quindi, prima facciamo il colore.
colore che ho qui solo un blu scuro che andrà ad impostare il colore se siamo freschi.
Selezioneremo tutte le età e il
È davvero difficile da vedere, ma è cambiato leggermente.
E poi ci sono altre due cose.
Bene, c'è una cosa principale che vogliamo fare che sta cambiando la dimensione del carattere.
E capita di sapere che questo è il doppio della dimensione del carattere come tutto il resto.
Quindi sarebbe 2. 0 rpm.
Quindi stiamo solo impostando la dimensione del carattere 2. 0 R. E. M. salva l'aggiornamento e finiamo con questo.
Quindi confrontiamolo ora e tutto sembra esattamente lo stesso.
Fino a questo paragrafo che ci manca qui, poi tutto sotto.
Quindi andiamo avanti e aggiungere questo paragrafo.
Sto solo andando a copiare il testo.
Ma sentiti libero di usare qualsiasi testo di tua signoria che ti piace e poi aggiungeremo in un
altro post del blog e vediamo come appare.
Quindi torno alla h t m l e sto solo andando ad aggiungere un altro paragrafo in basso e incollarlo dentro.
OK, questo è il nostro primo post sul blog.
Li confrontiamo.
Sembrano identici ad eccezione di questo H. R. Quindi questa è una cosa che vorremmo aggiungere, c'è H R che lascerà fino alla fine