Prednosti i nedostaci stalnih stilova u CSS

CSS ili Cascading Style Sheets su ono što se koristi u modernom dizajnu web stranice kako bi se vizuelni izgled primenio na stranicu. Iako HTML kreira strukturu stranice i Javascript može da obradi ponašanja, izgled i osećaj veb-sajta je domen CSS-a. Kada su u pitanju ovi stilovi, oni se najčešće primenjuju pomoću spoljašnjih stilova, ali takođe možete primijeniti CSS stilove u jedan pojedinačni element korištenjem onoga što su poznate pod nazivom "inline style".

Inline stilovi su CSS stilovi koji se primjenjuju direktno na HTML stranici stranice. Ovakav pristup ima i prednosti i mane. Prvo, pogledajmo tačno kako su ti stilovi napisani.

Kako napisati unalni stil

Da biste kreirali inline stil CSS-a, započinješ pisanjem svojstva stila slično onom kako bi bio u listi stilova, ali mora biti sve jedna linija. Odvojite višestruka svojstva pomoću točke i tačke, kao što biste to učinili u listu stilova.

pozadina: #ccc; boja: #fff; granica: čvrsta crna 1px;

Postavite tu liniju stilova unutar atributa stila elementa koji želite stajati. Na primer, ako želite da primenite ovaj stil na paragraf u HTML-u, taj element bi izgledao ovako:

U ovom primjeru, ovaj određeni pasus bi se pojavio s svetlo sivom pozadinom (to je ono što bi #ccc napravio), crni tekst (od # 000 boja) i sa solidnom crnom ivicom od 1 piksela oko sve četiri strane stava .

Prednosti inline stilova

Zahvaljujući kaskadi Cascading Style Sheet inline stilova imaju najviši prioritet ili specifičnost u dokumentu. To znači da će se primjenjivati ​​bez obzira na to što je diktirano u vanjskom stylesheetu (sa jednim izuzetkom bilo koji stilovi koji su dati važnu deklaraciju tog lista, ali to nije nešto što bi trebalo uraditi na proizvodnim lokacijama ako to može se izbjeći).

Jedini stilovi koji imaju viši prioritet od inline stilova su korisni stilovi koje primaju sami čitači. Ako imate problema sa primjenom vaših promjena, možete pokušati postaviti inline stil na elementu. Ako stilovi i dalje ne prikazuju pomoću inline stila, znate da se nešto drugo dešava.

Inline stilovi se lako i brzo dodaju i ne morate brinuti o pisanju odgovarajućeg CSS selektora pošto dodate stilove direktno u element koji želite da promenite (taj element u suštini zamenjuje selektor koji biste napisali na spoljašnjem stilu ). Ne morate stvarati ceo novi dokument (kao kod spoljnih stilova) ili urediti novi element u glavu vašeg dokumenta (kao kod internih stilskih listova). Samo dodate atribut stila koji važi za skoro svaki HTML element. To su svi razlozi zbog kojih možete biti u iskušenju da koristite inline stilove, ali morate takođe biti svjesni nekih vrlo značajnih nedostataka za ovaj pristup.

Nepostojanje inline stilova

Budući da su inline stilovi najspecifičniji u kaskadi, oni mogu previše da voze stvari koje nisu nameravale. Takođe negiraju jedan od najsnažnijih aspekata CSS-a - mogućnost stila mnogo i puno web stranica iz jedne centralne CSS datoteke kako bi se budućim ispravkama i promenama stila mnogo lakše upravljati.

Ako ste morali da koristite samo inline stilove, vaši dokumenti će brzo postati naduveni i vrlo teški za održavanje. Ovo je zbog toga što se inline stilovi moraju primijeniti na svaki element na koji ih želite. Dakle, ako želite da svi paragrafi imaju porodicu fontova "Arial", morate dodati inline stil za svaku oznaku

u svom dokumentu. Ovo dodaje oba radova na održavanju dizajnera i vrijeme za preuzimanje za čitača, jer bi to trebalo promeniti na svakoj stranici vaše stranice kako biste promijenili tu porodicu fontova. Alternativno, ako koristite odvojene stilove, možda ćete moći da je promenite na jednom mestu i da svaka strana primi to ažuriranje.

Iskreno, ovo je korak unazad u web dizajnu - vratimo dane oznake !

Još jedna nedostatak u inline stilovima jeste to što je nemoguće oblikovati pseudo-elemente i -klase sa njima. Na primjer, sa spoljnim listovima stilova možete stajati posjećeni, lebdeći, aktivni i povezati boju sidrove oznake, ali sa inline stilom, sve što možete stil je veza sama, jer je to atribut atributa stila .

Na kraju krajeva, preporučujemo vam da ne koristite inline stilove za svoje web stranice jer oni uzrokuju probleme i učinite stranama mnogo više posla za održavanje. Jedino kada ih koristimo je kada želimo brzo provjeriti stil tokom razvoja. Jednom kada je dobro vidimo za jedan element, premeštamo ga u naš spoljašnji stilski stil.

Orginalni članak Jennifer Krynin. Uredio Jeremy Girard.