CSS, o Cascading Style Sheets, sò ciò chì hè utilizatu in u locu di u web mudellu per appricà l'visuale à una pagina. Mentre HTML crea l'estructura di a pagina è Javascript pò manighjà cumpurtamenti, l'aspettu è sensu di un situ web hè u duminiu di CSS. Quandu si tratta di sti stili, sò più spessu appiicati cù stile di stili esterni, ma pudete ancu applicà l'articuli CSS in un'elementu chjaru specificu cù usu di ciò chì sò cunnisciuti com "stili inline".
I stili inline sò stili CSS chì sò aplicati direttamente in l'HTML di a pàgina. Ci sò dui avantaghji è disadvantages per questa strada. Prima, facemu cusì cum'ellu hè scrittu sti stili.
Cumu Scrivite un Stile di linea
Per creà un stile CSS in linea, cuminciate cum'è scrive à a vostra stile propiu di cumu chì vulete in una carta stilosa, ma deve esse una sola linea. Spermessi parechji pruprietà cù un punteddu è cumu avete in una stile di carta.
fondu: #ccc; culore: #fff; frontière: solid black 1px;
Situà quella linea di stili ad intrudùcenu à l'attrue stilisticu di l'elementu chì vulete stile. Per esempiu, sè vo vulete applicà stu stile à un paràgrafu in u vostru HTML, quellu elementu vi pare cusì:
In questu l'esempiu, questu paràbulu particular pare avaristi cù un fondo gris claro (questu #capu faria), testu in tè nimu (da u 000 chilò), è cun un frontu nèmpiu biancu 1-píxel per allà quattru suli di u paràgraf .
Avanti di i Styles di linea
Grazie à a cascata di Cascading Style Sheet inline stile possanu a prima prevalenza o spicità in un documentu. Questu significa chì anu da esse appiicatu nunda ciò chì duvere esse dichjaratu in a vostra stiletta (cù l'escezione un quale hè stata chì sò datu a declaurazione impurtante chì sta fogliu, ma questu ùn hè micca qualcosa chì deve esse fattu in siti di pruduzione si pò esse evitata).
I solu stili chì anu più prevalenza maiò chì l'inline stile sò stili d'usu applicate da i lettori stessu. Sì avete avè bisognu à avè i vostri cambiamenti per appiicà, intene pruvate una struttura in linea nantu à l'elementu. Sì stile ancu ùn vi scurderete in un stile in linea, ùn sapete chì ci hè quarchi cosa in giru.
E stile inline sò fàciule è veloci à aghjunghje è ùn avete micca bisognu di scrive u selector CSS propriu chì l'aghjunghje l'stili direttamenti à l'elementu chì vulete cambià (quellu elementu sustene in sustinibile u selettore scriveva in una stile di stili esterni ). Ùn ci hè micca bisognu di creà un novu documentu novu (cum'è cù stile d'esterni) o editate un novu elementu in u capu di u vostru documentu (cumu cù stile d'internu). Senza aghjustà l'attributu stilettu chì hè validu nantu à quasi ogni elementu HTML. Quessi sò tutti i raghji per chì pudete esse tentatu à utilizà stili inline, ma ancu deve esse cunnisciutu di qualchi svantaghju significativu per questu approcciu.
Invantazzi di Styles Inline
Perchè i stili inline sò i più specifichi in a cascata, puderanu annunzià e cose chì ùn avete micca di pudè. Analizanu puru unu di l'aspettu più putenti di CSS - l'abilità di ricche di stile è assai pagine web da un schedariu CSS cintrali per fà futuri aghjurnamenti è cambiamenti di stile cambiamenti più faciuli di gestisce.
Sì avete aduvà solu l'usu di stile inline, i vostri documenti anu da sparnà rapidamente ingannate è fermu à mantene. Questu hè degratu chì i mudelli in linea si devenu esse appiicatu à ognuna elementu chì vulete. Allora si vulete tutti i vostri paragrafi per avè a font family "Arial", deve aghjunghje un inline style à ogni tag
in u vostru documentu. Questa aghjusteghja sia u travagliu di mantenimentu per u dizziunariu è u tempu di scaricamentu pè u lettore postu chì avete bisognu di cambià in tuttu a pàgina in u vostru situ per cambià sta font-family. Oltremente, se utilizate una stile di stipule separata, pudete esse tene à pudè cambià in un spaziu è avete ogni pàgina ricivete l'aghjurnà.
Veramente, hè un passu retrocede in u web design - torna i ghjorni di l'etiqueta !
Un altru inconvénizante di i stili inline hè chì ùn hè micca putente di stile pseudo-elementi è -classes cù elli. Per esempiu, cù spiagge di stile esterni , pudete stilà u visitatu, pianu passaghju, attivu è ligame in u culore di un tag d'arricchimentu, ma cù un stile in linea, tuttu ciò chì puderete stile hè u ligame in u stessu, perchè hè questu l'attribuiu stilu hè attribuitu à .
Infine, ùn pudemu micca utilizà stile inline per i vostri pagine web perchè causanu prublemi è fà a pagine assai più di travagliu per mantene. L'unica ora avemu usatu questu questu quandu avemu vulete verificà un stile prestu in u sviluppu. Quandu avemu avutu questu bè per quellu un elementu, a move à a nostra stile di stile esterni.
Articulu uriginale da Jennifer Krynin. Edited by Jeremy Girard.