Va bene quindi è tempo di un altro esercizio qui.
Quindi questo esercizio coprirà tutto ciò di cui abbiamo parlato fino ai selezionatori delle SS.
Quindi non realizzeremo alcun tipo di sito Web completo e coeso che verrà dopo.
Faremo un piccolo blog nel prossimo esercizio.
Questo è più di un esercizio tradizionale con un sacco di problemi problemi molto brevi.
Fondamentalmente ti sto dando un sacco di HMO sembra così.
Non significa veramente niente.
In realtà tutto il testo qui è da un sito Web chiamato hipster ipsum.
È come un dormitorio, tranne che usa parole hipster come farm to table e
locavore e Portland e Williamsburg.
Quindi è solo un mucchio di parole.
Quindi il punto è che non importa cosa sia qui ciò che importa è però questo file.
Il file CSSA che ti ho anche dato ed è vuoto.
Oltre a una serie di commenti e questi commenti ti danno le istruzioni per ciò che devi fare.
Quindi in alto è lo stile di linea più importante che gli elementi HTML di età in base
alle seguenti istruzioni non alterano l'HVM esistente per farlo correttamente.
Solo CSI.
Ciò significa che non toccare questo file.
Questo è qui solo come codice di partenza per te.
Questa è l'HVM.
Stai andando a fare tutto in C SS Quindi non puoi entrare qui e aggiungere nuove idee o aggiungere nuove classi o
aggiungere nuovi elementi.
Basta tenerlo esattamente come è.
Quindi il modo in cui funziona ci sono diversi problemi.
Quindi il primo dà all'elemento del corpo uno sfondo di questo colore.
Dovremmo solo scrivere il codice per selezionare il corpo e poi dargli un colore come questo.
Quindi te lo darò gratis.
Sono sicuro che la maggior parte di voi avrebbe potuto farlo.
Lo stesso vale per tutti questi, quindi fai in modo che tutti gli altri facciano tutte le età per fare qualcosa che rende tutti gli elementi
alleati una nota.
Alcuni di questi ti chiederanno di usare una proprietà che non abbiamo ancora coperto e che è deliberata.
abbia qualche esperienza per alcune proprietà di cui non abbiamo ancora parlato esplicitamente nei video.
Voglio solo che tu
Quindi in questo caso eccone uno.
Crea tutti i paragrafi nidificati all'interno di div da 25 pixel divertenti e quindi tra parentesi ti do
il codice che ti serve in modo font size 25 x.
Quindi ce ne sono alcuni di più.
Eccone uno e qui c'è un altro in cui tutte le caselle di controllo selezionate hanno un margine sinistro di 50 pixel,
quindi è necessario utilizzare 50 pixel a margine sinistro e va bene che non si sa esattamente
cosa fa nei prossimi video.
Quindi un'altra nota qui.
Questi diventano un po 'più difficili mentre vanno avanti.
Così all'inizio iniziano con un semplice selettore di elementi e poi parliamo di lezioni e idee e poi iniziamo a
parlare di alcuni degli altri selettori che abbiamo menzionato nell'ultimo video.
Quindi fai in modo che tutti i paragrafi nidificati all'interno di div effettuino solo input con testo di tipo.
Avere un ottimo background e poi cose come dare il secondo paragrafo all'interno del terzo div 5
pixel bordo bianco.
buona notizia è che tutti i selettori che devi usare qui possono essere trovati nei selettori CSSA degli anni '30.
Quindi la
Devi memorizzare l'articolo e puoi trovarli facilmente online e ne abbiamo coperto la maggior parte.
Ce ne sono alcuni che non sono stati inclusi nell'ultimo video e quelli che si trovano nella sezione
delle sfide bonus.
Questo include cose come la creazione di tutte le caselle di controllo con un margine sinistro, quindi c'è un
modo per selezionare le caselle di controllo.
O ecco un altro.
Crea la prima lettera dell'elemento con una speciale dimensione di carattere verde e di 100 pixel.
Quindi c'è un modo per selezionare solo la prima lettera.
Rendi gli elementi H-1 cambia colore in blu quando tieni il mouse sopra e crea un elemento di tag che è
stato visitato in grigio.
Quindi ricorda che un tag è un link e probabilmente lo hai già visto prima.
Puoi cambiare o i siti cambieranno il colore di un link che hai visto rispetto a un link
che non hai mai visto prima.
Quindi c'è un modo di scrivere che vedrebbe valutare.
Quindi, come sempre nel prossimo video, esamineremo una soluzione.
Può andare un po 'alla volta, ma ti consiglio di dare uno sparo fin dove puoi provare tutti questi bonus.
Una cosa che non ho menzionato qui questa è leggermente diversa.
Rendi gli elementi dell'etichetta tutti maiuscoli senza cambiare l'h tm l quindi il selettore qui è in
realtà semplice, stiamo solo selezionando tutti gli elementi dell'etichetta, ma la proprietà è un po 'impegnativa.
C'è un modo di usare C S per fare qualcosa di tutto in maiuscolo senza effettivamente cambiare il testo nel codice
HTML.
Puoi farlo attraverso C S proprio come cambieresti il ​​colore o il bordo.
È possibile modificare una proprietà che la renderà maiuscola o minuscola.
Va bene, vedi nel prossimo video