OK, quindi è ora che scriviamo effettivamente C S S.
Molto eccitante.
Prima di farlo, però, abbiamo bisogno di avere un Al di età che possiamo modellare.
Quindi ho intenzione di andare avanti e in sublime creare un nuovo file salvarlo appena messo sul mio tavolo per ora e
lo chiamerò su di me.
HMO.
Usa quel piccolo trucco per ottenere lo scheletro della piastra della caldaia e questa sarà una pagina molto semplice.
Ti sto dicendo che ora non sarà bello quando avremo finito qui.
Cambierà alcuni colori.
Stiamo solo andando oltre le basi di come tutto questo funziona insieme.
Quindi sto andando e ognuno di me e poi
diciamo un prurito per i miei hobby.
Sentiti libero di adattarti a te stesso.
Aggiungiamo una lista e alcuni alleati e andiamo a fare tar cottura al catrame e origami e salvare quel file.
Facciamo un doppio controllo.
Apriamolo.
Grande.
Ecco il nostro meraviglioso sito che stiamo andando a stile.
Quindi, prima di iniziare a scrivere il successo, dobbiamo decidere dove mettere il successo.
E ci sono in realtà alcune scelte.
Quindi nelle note ce ne sono due che sto facendo riferimento a questa pagina e il primo che ti dirò in
questo momento non è una buona idea.
Lo sto mostrando a te solo perché ne sei consapevole per due ragioni.
modellare gli elementi prima del foglio di stile separato e prima che CSSA lo facesse effettivamente in ogni singolo elemento.
Uno di questi è l'unico modo in cui una volta era possibile
Quindi fammi mostrare un esempio.
Voglio rendere questa prima bugia viola.
Direi lo stile e poi nella citazione dico Color Purple e funzionerà.
E questo cambia per essere viola.
Quindi c'è un problema però, che è se voglio che tutti e tre di questi siano viola ho bisogno di andare
avanti e duplicare questo ogni volta.
Il che è molto lavoro
E poi se decido oh no voglio che siano verdi allora ho bisogno di andare e cambiare tre diversi posti
per essere verde.
E ovviamente quel problema è molto peggio quando hai centinaia dello stesso elemento con lo stesso
stile su una determinata pagina.
Quindi questa è una cattiva idea.
E l'altro motivo per cui questa non è una buona idea è che vogliamo separare la nostra h tim L dalla RCA.
È questa idea della separazione delle preoccupazioni.
Vogliamo che il nostro CSSA sia autonomo nel suo stesso file.
Vogliamo invecchiarlo per essere il proprio file con solo la struttura.
C Ss è solo lo stile.
Quindi adesso è una specie di strana miscela dei due.
Quindi mi sbarazzerò di quello e l'altro modo nelle note è qualcosa chiamato attacco di stile.
Quindi un tag di stile ci consente di scrivere la sintassi C Ss in cui selezioniamo effettivamente le cose e abbiamo le parentesi
graffe che non potremmo fare qui.
Ma quello che possiamo fare è farlo all'interno di un documento h tm l.
alcuni tag e selettori C Ss all'interno di qui.
Quindi, se andiamo avanti e creiamo il tag chiamato style e possiamo dargli questo tipo di attributo uguale a text slash
C Ss possiamo ora scrivere
Quindi ricorda che questo è il selettore generale delle regole e quindi abbiamo una proprietà all'interno delle parentesi graffe e poi valore
e quindi un punto e virgola.
Quindi ho intenzione di commentare questo modo di fare commenti.
SS usa la barra e l'asterisco e poi l'asterisco e la barra.
Quindi voglio dire che lascerò questo qui.
E iniziamo cambiando l'H-1 in viola.
Quindi il modo in cui scriviamo che se seguiamo questo modello lo selezioniamo.
Quindi scriverò ognuno di essi e di nuovo passeremo molto tempo su diversi tipi
di selettori.
In questo momento stiamo imparando a conoscere uno chiamato selettore di elementi che ha portato a selezionare
in base a un tipo di elemento che è H-1.
Quindi ora aggiungeremo una proprietà qui e in questo video lo terremo estremamente semplice
e useremo il colore.
che possiamo fare è cambiare tutti gli alleati in modo che siano arancioni e per farlo selezioniamo con un selettore di elementi di nuovo e possiamo farlo subito dopo.
Quindi dirò il colore e poi il viola e salverò il backup o la pagina e otterremo un
H-1 viola Quindi la prossima cosa
Non abbiamo bisogno di virgole o di qualsiasi altra punteggiatura.
Facciamo solo un'altra regola qui applicare le parentesi graffe e questa volta diremo che il colore è arancione.
Quindi il motivo per cui lo stiamo facendo è che voglio mostrarti che questo selettore di Elyse non
solo seleziona una seleziona tutte le bugie.
Quindi aggiorniamo tutti e tre ora sono arancioni.
Allo stesso modo con l'H-1 se avessimo più h.
Quindi aggiungerò solo tre.
Saranno tutti viola.
Un'altra cosa che ti mostrerò qui è se ho bisogno di trovare un altro stile per ciascuno in seguito e
dico che dovrebbe essere blu
diventa blu.
Tutti diventano blu.
E così questo arriva a qualcosa che impareremo molto di più su ciò che
accade quando ci sono informazioni di stile conflittuali.
E in questo caso li abbiamo cambiati tutti per essere viola.
E poi li cambiamo tutti per essere blu.
Quindi quello che è venuto dopo ha vinto la battaglia immagino.
OK.
Quindi il problema con quello che abbiamo appena fatto sembra buono ma sfortunatamente è ancora nel
nostro HMO.
E ho appena finito di dire pochi minuti fa che vogliamo separarcelo o lasciarlo fuori e R
C S noi non vogliamo che siano collegati.
Bene, vogliamo che siano collegati, non vogliamo che i CC vengano annidati all'interno del suo HMO.
Funziona così esattamente allo stesso modo.
Non vediamo alcuna differenza visiva, ma quello che in realtà vogliamo fare è usare un tag link.
Quindi, ciò che un tag link ci consente di scrivere o vedere SS in un file completamente separato e quindi connesso
con il tag link al posto della nostra testa, che fondamentalmente otterrà il contenuto di quel file, anima e
stile, tutto nella nostra epoca.
Tim L. dato il contenuto di quel file.
nuovo file e inseriremo RC SS qui, quindi lo salveremo e lo chiamerò.
Quindi, per scrivere, possiamo iniziare creando un
C Ss lo chiami come vuoi, ma deve essere dot C Ss e lo metto nella
stessa directory del mio file HDMI.
La prossima cosa che farò è definire alcuni stili e qui H-1 diciamo che
il colore è rosso e il colore è verde.
E mentre siamo qui cambiamo anche per questo.
Colore viola.
Grande.
Quindi abbiamo definito i CSSA qui, ovviamente, e per ora lo commenterò.
Naturalmente anche se non sono collegati in questo momento.
Quindi abbiamo creato un file ma non è collegato.
Quindi per farlo dobbiamo usare il tag link.
Quindi mi piacerebbe solo digitare il link e poi premere il tasto e si può vedere che c'è questo importante attributo che il
testo sublime ci vuole compilare, che è chiamato A-Trak e funziona proprio come il trogolo su un tag
di ancoraggio e che sarebbe dagli un arrivo.
Diamo un posto per trovare il file.
Quindi in questo caso questo file è appena chiamato apt, quindi scriviamo semplicemente abducts yes save and refresh.
Ora puoi vedere che abbiamo letto H-1 una pagina viola 4 e alleati verdi, quindi facciamo tutto ciò che faremo.
Per quanto riguarda lo styling per ora.
Quindi per ricapitolare qui la prima cosa di cui abbiamo discusso è usare l'attributo style per aggiungere uno stile in
linea che assomiglia a questo stile e poi dargli una proprietà e questa è una cattiva idea per due ragioni.
Il primo è che non vogliamo ingombrare o H Tim L con un mucchio di stili.
Vogliamo che siano separati.
E la seconda ragione è che è un dolore se vogliamo cambiare le cose.
È un sacco di duplicati se vogliamo rendere tutto un thread 3H.
Dobbiamo copiare quel codice in tre diversi posti.
La prossima cosa che abbiamo imparato è stata l'utilizzo del tag style e il tag style ci ha permesso di scrivere C S
noi all'interno del nostro h Timo.
E funziona bene.
Ci permette di usare la sintassi CSSA in cui possiamo selezionarli tutti in una volta.
Il problema è che non vogliamo mettere R C S S direttamente arrabbiato.
di qualcosa che vuoi aggiungere rapidamente alcuni stili, non vuoi creare un nuovo file e quindi collegarti.
Ma lo userai occasionalmente se stai eseguendo il debug
In seguito lo cancellerai.
Quindi è davvero il momento in cui lo uso.
È solo per scopi di dimostrazione rapidi.
Ma quello che in realtà vogliamo usare è il tag link il tag link.
È solo un riferimento a un altro file.
Quindi abbiamo bisogno che un file pieno di stili abbia bisogno di terminare con Dotsie per valutarlo, salvarlo e quindi
collegarlo con l'attributo ref H e questo è tutto ciò che dobbiamo fare.
Una cosa che ho dimenticato di menzionare è che vuoi assolutamente mettere in testa tag e stili di link.
Questo è davvero il punto della testa, è dove metti le cose che non sono realmente nella pagina,
non gli elementi ma le cose che hanno a che fare con quegli elementi, quindi i font che stai includendo i fogli di
stile e infine quelli di javascript