Va bene, quindi è tempo per un altro esercizio e puoi vedere qui che costruiremo
un semplice sito blog minimalista.
E questo esercizio si focalizzerà praticamente su tutto ciò che abbiamo già detto, ma in realtà andrà
a colpire molte delle cose del modello di box, quindi padding e margini e bordi oltre a digitare polygraphy ottenendo
un nuovo font Google e pochi altri cose.
Quindi lo costruiremo e ti darò alcune istruzioni.
Se vuoi provare a farlo da solo prima e poi lo esamineremo come sempre partendo
da zero nel prossimo video.
Quindi ti darò alcuni suggerimenti.
La prima cosa che noterai probabilmente è questa scatola grigia.
E questo è in realtà un bordo attorno al corpo in modo che il corpo abbia questo bordo di 20 pixel che
lo circonda.
E questo significa che il corpo ha un esplicito che non sta andando attraverso lo
schermo ma va da qui a lì.
Quindi un'altra cosa che menzionerò qui sono alcuni dei colori.
Quindi non devi indovinare i colori.
Sarebbe un buon esercizio per te utilizzare effettivamente un selettore di colori e provare a scoprirlo
da solo.
Ma perché non sono sicuro di come verrà trasferita la qualità attraverso il video e questo cambierà
alcune cose.
Ti darò i colori così li ho scritti qui.
Puoi fare riferimento a questi o puoi sentirti libero di usare i tuoi colori, ma il colore
del bordo attorno al corpo è questa sfumatura di grigio.
La data colora questo blu e questa è questa sfumatura di blu qui.
E poi il colore dell'intestazione per i titoli dei blog è questa sfumatura di grigio bluastro.
E poi un'altra cosa è che avrai bisogno di un font incluso qui e questo font.
Sicuramente non mi aspetteresti che ti indovinassi solo in cima alla tua testa.
Si chiama Source sense pro ed è disponibile sui font Google, quindi dovrai utilizzare Google font.
Scaricalo.
Includilo.
Dobbiamo scaricarlo ma includerlo correttamente nel tuo vecchio utente o nel tuo file CSSA.
Quindi alcune altre cose questo blocco qui.
Questo effetto è solo un bordo sinistro che è stato attivato.
Quindi è lo stesso colore grigio che abbiamo qui è solo più sottile.
Quindi questo è il confine di aleft.
Una cosa a cui devo prestare attenzione è assicurarmi che siano allineati esattamente nello stesso modo.
Nota che c'è un piccolo margine o imbottitura o qualcosa qui.
La prossima cosa che farò notare qui è che la data è in maiuscolo.
Quindi c'è un modo per farlo con il tuo successo.
Fallo in maiuscolo.
E anche che qui c'è un po 'di spazio tra le lettere.
Quindi non è nella normale spaziatura delle lettere, ma sono distanziati un po 'più distanti.
E poi un'ultima cosa tra i post.
C'è questa linea e questo è un elemento H R sta per una regola orizzontale.
E così puoi aggiungere una H R e per quanto riguarda lo stile per ottenere questa linea sottile che si restringe.
Ho trovato qualcosa online.
Te lo mostrerò nel prossimo video.
i nostri stili e ci sono così tanti fantastici articoli e penne di codice che puoi semplicemente copiare.
Ma cerca solo
Quindi non mi aspetto che tu abbia questo giusto a parte questo.
Sentiti libero di usare qualsiasi testo che desideri.
Ho usato penso che questo sia bacon ipsum ma metti il ​​testo che vuoi.
Sentiti libero di avere più di due post e poi impazzire con colori e caratteri e
renderlo tuo.
OK quindi ci vediamo nel prossimo video.
Inizieremo da zero.