Cumprendi i 3 Tipi di Styles CSS

Inline, incrusciati è folji di stili esterni: Eccu ciò chì avete bisognu di sapè

U sviluppu di u situ web-end in spessu hè spessu rapprisentatu cum'è un fessee di 3 stile. Sti peri sò dinò:

A secunna partita di stu banna, CSS o Cascading Style Sheets, hè quella chì vi circammi oghje. Specifikamente, vulemu affruntà e 3 tipi d'stili chì pudete aghjustà à un documentu.

  1. Stile di linea
  2. Stili incubati
  3. Stili esterni

Ogni chjappu di sti tipi di stili CSS anu u so benefizii è i disuninzii, cusì fighjate una vista più profonda à ogni chjaru individualmente.

Styles Line

E stile inline sò stili chì sò scritte direttamente in l'tag in u documentu HTML. Stile di linea affettanu solu l'tag specifica chì sò aplicati. Eccu un esempiu di un stile in linea appiicatu à un vinu standard, o à l'arricchinu, tag:

Questa regula CSS cambia a norma sotturma di decorazione di textu di questu un ligame. Ùn pudereanu micca, in ogni modu, cambià nisuna ligame ind'a pagina. Questa hè una di e limitazzioni di l'inline style. Siccomu solu cambiani l'elementu specificu, avete bisognu à traspondenu u vostru HTML da questi stili per ottene un designu di pagina propiu. Hè micca una prublema più bona. In fatti, hè un passu sguassatu di i ghjorni di ei "font" è a mistura di struttura è stile in pagine web.

I stili di linea includenu una specitatezza assai alta.

Questu facenu assai difficili per scrivite cù altri stili non-inline. Per esempiu, sè vo vulete fà un rispost rispundente è cambià cusì chì un elementu vi aspetta parechji punti di intervinzione in l'utilizazione di ricerca di media , inline stile nantu à un elementu facenu fate cusì forte per fà.

In ultimamente, stili inline sò veramente pocu appruvatu quandu si usanu assai sparingly.

In fatti, raramenti anu utilizatu stili inline in e mo web.

Styles Incubati

I stili incubati sò stili chì sò incubati in u capu di u documentu. Stili incubati soffrenunu solu l'etiti in a pagina chì sò incrusciati. Una altra volta, questa struttura annunziata una di e forzi di CSS. Cumu ogni pàgina anu avutu stili in a

, sè vo vulete fà un cambiamentu sitewide, cum'è cambiendu u culore di ligami da u rinu à u verde, avete bisognu di fà sta cambiazione in ogni pàgina, perchè ogni pàgina hè a versione di stile incubata. Questu hè megliu cà stile inline, ma ancu prublematiche in assai casi.

Stylesheets chì sò aghjuntu à u

di un documentu aghjunghjenu ancu una quantità significativa di codice di marcu in quella pagina, chì pò ancu fà a pàgina più difficili per gestionà in u futuru.

U beneficiu di stili di stili incubati hè chì a carica sùbitu cù a pagina stessu, invece di esse dumandatu altre fugliali externu per esse carricu. Questu pò esse un benefiziu da una perspettiva di viaghju di a rapida è di u performance .

Stile di stili esterni

A maiò parte di i siti web oghje ghjenuvesi di stile esterni. L'esterni di l'esternità sò stili chì sò scritti in un documentu separatu è dopu attaccate à parechji documenti web. Stile di stili esterni pudenu influene à qualsiasi documentu chì sò attaccati, chì significa chì si tenete un situ web di 20 pezzi unni ogni pagina utilizza a stilosa stilale (questu hè tipicamenti cumu si fattu), pudete fà un mudellu visuale à ognunu di questi siti chì si puderanu mancarià a stile di stile.

Questu faciliteghja a gestione longu di u situ.

A mancanza di a carta di stili esterni hè chì esse dumandà pagine per fà piglià è esce archivi esterni. No ogni pagina utilizarà ogni stile in a scheda CSS, tanti pagine carghjassà una CSS di più grande di quellu chì deveru bisognu.

Mentri è veru ca ci hè un attu direttu per i schedari CSS esterni, pò certamenti si minimizà. Realisticamente, i schedari CSS sò solu testu, per quessi ùn sò in generale pocu grandu per cumincià. Se u vostru situ sanu sanu 1 file CSS, pudete ancu ottene u beneficu di quellu documentu cacheu dopu chì hè carricu iniziale.

Questu significa chì ci pò esse un ligeramente culpisce in a prima pagina di qualchi visitare, ma e pàgine sussegwenti uttene u cache CSS file, perchè qualsiasi hiti ùn sia inutilizatu. I CSS di i CSS esterni sò cumu aghju fattu custruisce e mo web.