Abantailak eta desabantailak Inline Styles CSS-n

CSS, edo Cascading Style Sheets, web orrialde modernoko diseinuan erabiltzen da orri baten begirada bisuala aplikatzeko. HTML orriaren egitura sortzen eta Javascript-ek portaerak kudeatzen dituena, webgune baten itxura eta sentipena CSS domeinua da. Estilo hauei dagokienez, normalean kanpoko estilo-orrien bidez aplikatzen dira, baina CSS estiloak osagai bakar eta espezifiko bat ere aplikatu ahal izango dituzu, "estilo barnekoak" izenekoak erabiliz.

Lerroko estiloak orrialdearen HTMLan zuzenean aplikatzen diren CSS estiloak dira. Abantailak eta desabantailak daude ikuspuntu horri. Lehenik eta behin, aztertu zehazki nola estilo horiek idatzita daude.

Nola idatzi inline estilo bat

Lerro CSS estilo bat sortzeko, zure estiloko estiloa estilo-orri batean nola egin nahi duzun bezala idazten hasiko zara, baina lerro bakarra izan behar du. Bereiztu propietateak puntu eta koma batekin estilo-orri batean bezala.

hondo: #ccc; color: #fff; mugan: 1px beltza;

Estilo estiloko lerro estiloa estiloaren atributuaren barruan kokatu behar duzu. Adibidez, estilo hau paragrafo bat zure HTMLan aplikatu nahi baduzu, elementua honakoa izango litzateke:

Adibide honetan, paragrafo partikular hori hondo gris argi batekin agertuko litzateke (hau da, zer #ccc errendatuko litzateke), testu beltza (# 000 koloretik) eta paragrafoaren lau aldeetatik 1 pixeleko marra zuriko solido batekin .

Inline Styles abantailak

Cascading Style Sheet inline estiloko cascadeen bidez, dokumentu batean lehentasuna edo zehaztasuna dute. Horrek esan nahi du aplikatuko zaizkien zure kanpoko estilo-orriaren gaineko beste zer gertatzen den (salbuespen hori orriaren adierazle garrantzitsuari ematen zaizkion estiloak dira, baina hau ez da produkzio-guneetan egin behar den zerbait. saihestu daiteke).

Lerro-estiloek baino lehentasun handiagoa duten estiloek irakurleek berak aplikatutako erabiltzaile-estiloak dira. Zure aldaketak aplikatzeko arazoak baldin badituzu, elementu horretan lerro estiloa ezar dezakezu. Estiloak oraindik ez badituzu estilo lerro baten bidez erakusten, badakizula beste zerbait gertatzen ari dela.

Lerro estiloak erraz eta azkar gehitzen dira eta ez duzu CSS hautatzaile egokia idazteko kezkatu behar, estiloek zuzenean eransten baitute aldatu nahi duzun elementua (elementu hau kanpoko estilo-orri batean idazten duzun hautatzailea ordezkatuko du ). Ez duzu dokumentu berri bat sortu behar (kanpoko estilo-orriak bezala) edo zure dokumentuko buruan elementu berri bat editatu (barruko estilo-orriekin bezala). HTML elementu guztietan baliozkoa den estilo-atributua besterik ez duzu gehitu. Horiek arrazoi hauek dira lineako estiloetan erabiltzeko tentazioa izan dezakezula, baina ikuspuntu horri dagokion desabantaila garrantzitsu batzuk ere kontutan izan behar dituzu.

Inline Styles desabantailak

Lerro estandarrak kaskadakoetan zehatzak direnez, ez duzu asmatu nahi dituzun gauzak gehi ditzakete. Halaber, CSS alderdi indartsuenetariko bat ukatu egiten dute: estilo asko eta web orri asko CSS erdiko fitxategi batetik gaitzeko, etorkizuneko eguneratzeak eta estilo-aldaketak errazago kudeatzeko.

Lerro-estiloak soilik erabili behar badituzu, zure dokumentuak azkar haztatu eta oso gogorra mantenduko litzateke. Honen bidez, nahi dituzun elementu guztiek lerro estiloak aplikatu behar lirateke. Beraz, paragrafo guztiek "Arial" letra-tipo familia izan dezazun nahi baduzu, lerro estiloa gehitu behar duzu

etiketa bakoitzean zure dokumentuan. Honek irakurlearen diseinurako eta deskargatzeko ordua mantentze lanak gehitzen ditu, zure orrialde bakoitzaren orrialde guztietan aldatu beharko zenuke letra-familia hori aldatzeko. Bestela, estilo-orri estekatu bat erabiltzen baduzu, alda dezakezu leku bakarrean eta orrialde bakoitzak eguneratze hori jasotzen du.

Egia esan, hau da web diseinurako atzera pauso bat: itzuli etiketaren egunetan!