CSS ali Cascading Style Sheets, so tisti, ki se uporabljajo v sodobni zasnovi spletnega mesta, da uporabijo vizualni videz strani. Medtem ko HTML ustvari strukturo strani in Javascript lahko obravnava vedenje, videz in občutek spletne strani je domena CSS. Ko gre za te sloge, se jih najpogosteje uporablja z zunanjimi listi slogov, lahko pa uporabite tudi sloge CSS za en sam specifičen element, tako da uporabite znake »inline style«.
Stalni slogi so slogi CSS, ki se uporabljajo neposredno v HTML-jem strani. Za ta pristop imajo prednosti in slabosti. Prvič, poglejmo natančno, kako so ti slogi napisani.
Kako napisati pisalni stil
Če želite ustvariti slog CSS v slogu, začnete s pisanjem lastnega sloga, ki je podobno kot v slogovnem listu, vendar mora biti vse ene vrstice. Ločite več lastnosti s podpičjem tako kot v slogovnem listu.
ozadje: #ccc; barva: #fff; border: solid black 1px;
Postavite to vrstico slogov znotraj atributa sloga elementa, ki ga želite stilizirati. Če na primer želite uporabiti ta slog v odstavku v vašem HTML-ju, bi bil ta element videti tako:
V tem primeru bi se ta odstavek pojavil s svetlo sivim ozadjem (to bi bilo, kar bi naredilo #ccc), črno besedilo (od # 000 barve) in črno črno obrobo s 1 pik na vseh štirih straneh odstavka .
Prednosti stilov v vrstici
Zahvaljujoč kaskadi slogovnih slogov Cascading Style Sheet imajo najvišjo prednost ali specifičnost v dokumentu. To pomeni, da se bodo uporabljale ne glede na to, kaj narekuje na vašem zunanjem sloganskem stilu (z eno izjemo so vsi slogi, ki jim je dana pomembna deklaracija tega lista, vendar to ni nekaj, kar je treba storiti na proizvodnih mestih, če je se je mogoče izogniti).
Edini slogi, ki imajo višjo prednost kot inline slogi, so uporabniške sloge, ki jih uporabljajo bralci sami. Če imate težave pri uveljavljanju sprememb, lahko poskusite nastaviti inline slog elementa. Če ste slogi še vedno ne prikazujete z inline slogom, veste, da je nekaj drugega.
Inline sloge je enostavno in hitro dodati in vam ni treba skrbeti za pisanje ustreznega selektorja CSS, saj dodate sloge neposredno elementu, ki ga želite spremeniti (ta element v bistvu nadomešča izbirnik, ki ga želite napisati na zunanji slogovni plošči ). Ni vam treba ustvariti povsem novega dokumenta (kot pri zunanjih listih slogov) ali urediti novega elementa v glavi dokumenta (tako kot pri notranjih listih slogov). Dodate samo atribut sloga, ki velja za skoraj vsak element HTML. To so vsi razlogi, zakaj ste morda skušnili uporabiti inline sloge, vendar se morate zavedati tudi nekaterih zelo pomembnih pomanjkljivosti za ta pristop.
Slabosti slogovnih slogov
Ker so linijski slogi najbolj specifični v kaskadi, lahko preveč vozijo stvari, za katere niste nameravali. Prav tako zanikajo enega najmočnejših vidikov CSS - sposobnost, da slog in veliko spletnih strani oblikujejo iz ene osrednje datoteke CSS, da bodo prihodnje posodobitve in spremembe v slogu veliko lažje upravljale.
Če bi morali uporabljati samo inline sloge, bodo vaši dokumenti hitro postali napihnjeni in zelo težki za vzdrževanje. To je zato, ker morate v vsakem elementu, ki ga želite, uporabiti inline sloge. Torej, če želite, da imajo vsi vaši odstavki družino pisav "Arial", morate v svoj dokument dodati slogovni slog za vsako oznako
. To dodaja tako vzdrževalno delo za oblikovalca in čas prenosa za bralca, saj bi to morali spremeniti na vsaki strani vašega spletnega mesta, da spremenite to družino pisav. Če pa uporabljate ločeno slogovno tabelo, jo boste morda lahko spremenili na enem mestu in na vsaki strani prejeli to posodobitev.
Resnično, to je korak nazaj v spletnem oblikovanju - nazaj dnevi oznake !
Druga pomanjkljivost za inline sloge je, da je nemogoče oblikovati psevdo-elemente in razrede z njimi. Na primer, z zunanjimi listi slogov lahko obdarite obiskano, premikanje, aktivno in povezavo barve sidrne oznake, vendar z inline slogom je vse, kar lahko slog, samska povezava, ker je to lastnost atributa sloga .
Končno priporočamo , da za svoje spletne strani ne uporabljate spletnih slogov, ker povzročajo težave in naredijo strani veliko več dela za vzdrževanje. Edini čas, ko jih uporabljamo, je, da med razvojem hitro preverimo slog. Ko smo si ogledali prav za ta element, ga premaknemo v naš zunanji slogovni list.
Orginalen članek Jennifer Krynin. Uredil Jeremy Girard.