Ben tornato.
Quindi questo video rappresenterà una panoramica di alto livello su come funziona la valutazione e su cosa fa.
Quindi vogliamo effettivamente scrivere qualsiasi codice fino alla prossima lezione e praticamente ogni lezione da
lì in avanti che copre noi.
Ma quello che faremo è tre cose importanti che definiremo il successo e parleremo del ruolo
che gioca perché lo usi e lo faccia.
Stiamo andando a vedere alcuni siti web che hanno il.
Prenderemo il C S C S e vediamo come cambiano.
E poi definiremo questa regola generale che seguirà per ogni linea CSSA che scriviamo.
Quindi andiamo avanti e parliamo di cosa è la posizione per i fogli di stile a cascata.
Quindi la parte a cascata in cui torneremo in un video successivo.
Ma i fogli di stile sono piuttosto auto-esplicativi.
Ricorda che C Ss è spesso considerato gli aggettivi o la pelle dove H M L sarebbe il nome.
Quindi Jim Ellis la struttura che vogliamo nel titolo qui e un punto elenco qui.
Dicevamo che rendere i titoli viola e la dimensione dei caratteri di 50 pixel e spostarli verso il basso
e dargli un bordo.
Quindi lo usiamo per descrivere come dovrebbero apparire le cose in modo foglio di stile.
L'altra parte è costituita dai fogli e ciò che significa è che li scriveremo
separatamente da ogni squadra.
Non sono dentro HMO.
Sono documenti separati che poi includiamo nel nostro HMO.
Quindi iniziamo dando un'occhiata ad alcuni esempi.
sito che mi piace molto chiamato CSX Zen Garden e l'intero
punto di questo sito è di mostrarti la varietà di cose che puoi realizzare con Jesse s s.
C'è un
Quindi se dai un'occhiata qui abbiamo qualche markup.
Diamo un'occhiata al file HDMI.
Possiamo andare avanti e aprirlo.
Quindi questo è il file principale che ogni singola pagina NCEA dice.
Usi giardino zen.
Quindi puoi vedere che è piuttosto semplice.
Abbiamo alcuni titoli.
Abbiamo alcuni paragrafi alcuni link alcuni punti elenco in basso e quindi l'idea di
questo sito è che i contributori lo portino via e-mail e scrivano il proprio CSSA senza
cambiarlo affatto.
Quindi cambi solo per vedere valutare la struttura è la stessa e ti ritrovi con risultati diversi.
Quindi eccone uno.
E sul lato destro puoi dare un'occhiata ad alcuni altri e ce ne sono un sacco sul sito e in
realtà puoi dare il tuo contributo se lo desideri.
Bene diamo un'occhiata.
Quindi questo è radicalmente diverso in totale diverso layout di colori diversi schemi di immagini dei caratteri.
Anche questo è molto diverso.
Ha questa bella animazione di caricamento tutto fatto Roscius noi.
Puoi scorrere verso il basso e abbiamo questo effetto dove il nostro contenuto scorre ma l'immagine di sfondo è statica.
Abbiamo questo che è radicalmente diverso.
E potremmo passare tutto il giorno qui e ne troveremo uno in più che è il mio preferito
che è un robot chiamato Jimmy.
Prendiamo questo piccolo robot che si apre in questo filare uno starburst nella parte posteriore.
Anche un altro effetto di scorrimento, quindi ti sto mostrando questo in modo che tu possa vedere quanto sia potente il CSSA.
Fondamentalmente è il dottore della pelle.
Gli additivi per la tua struttura possono cambiare.
Sai a parte sembrare così e può cambiarlo per assomigliare a questo.
Quindi spero che questo sia abbastanza per farti entusiasmare dell'apprendimento del
passato.
Non abbiamo avuto stile oltre agli stili predefiniti in bianco e nero.
Quindi, dopo voglio parlare di una regola generale che seguirà ogni riga di CSSA che abbiamo scritto.
Quindi questo schema qui sembra così.
Selezioniamo qualcosa.
Quindi parleremo molto di ciò che effettivamente accade lì, ma selezioneremo qualcosa come All h ones
o ogni tag di ancoraggio all'interno di un alleato.
Quindi facciamo qualcosa in cui stiamo selezionando gli elementi temporali che fanno riferimento a un html esistente e
quindi all'interno delle parentesi graffe applichiamo alcuni stili e seguono questo formato di coppie di valori chiave in cui abbiamo i
due punti della proprietà e quindi un valore corrispondente e quindi un semi -colon.
proprietà diverse che stiamo cambiando ma seguono sempre questa proprietà di sintassi valore Colan.
Quindi possiamo avere una cosa qui dentro possiamo avere 100
Quindi ecco due esempi.
Questa prima sezione selezionerà tutte le h.
Quindi di nuovo torneremo da te su come funzionano questi selettori.
Ma selezionerà tutti quelli su una pagina e poi darà loro il colore del viola
e la dimensione del font di 56 e poi questo qui sotto selezionerà tutti i tag immagine e darà
loro il colore del bordo rosso e il bordo con tre pixel.
Quindi sai che non selezioneremo sempre tutti i tag immagine.
Avremo più video sulle sfumature della selezione delle cose a volte vogliamo
selezionare tonnellate di cose a volte stiamo facendo un piccolo elemento alla volta.
Quindi ci sono molte opzioni ma segue sempre questo formato.
Selezioniamo qualcosa di parentesi graffe e poi all'interno delle parentesi graffe abbiamo coppie di valori chiave che sono in realtà solo
proprietà che stiamo cambiando