CSS ili Cascading Style Sheets upotrebljavaju se u modernom dizajnu web mjesta kako bi vizualni izgled mogli primijeniti na stranicu. Dok HTML stvara strukturu stranice i Javascript može nositi ponašanje, izgled i dojam web stranice je domena CSS-a. Kada se radi o tim stilovima, najčešće se primjenjuju pomoću vanjskih stilskih listova, ali možete primijeniti CSS stilove u jedan, specifičan element pomoću onih koji su poznati kao "inline stilovi".
Inline stilovi su CSS stilovi koji se primjenjuju izravno u HTML stranici. Postoje i prednosti i mane ovom pristupu. Prvo, pogledajmo kako su napisani ti stilovi.
Kako napisati inline stil
Da biste stvorili inline CSS stil, počnete pisati svoj stilski entitet sličan onome kako biste se nalazili u listi stila, ali mora biti sve jedna linija. Odvojite više svojstava s točkom-zarezom baš kao što biste to učinili u listi stila.
Pozadina: #ccc; boja: #fff; granica: crna crna 1px;
Postavite tu liniju stilova unutar atributa stilova elementa koji želite oblikovati. Na primjer, ako želite primijeniti taj stil u stavku u HTML-u, taj element izgleda ovako:
U ovom se primjeru ovaj stavak pojavljuje s svijetlosivom pozadinom (to će ono što će #ccc prikazati), crnim tekstom (iz boja # 000) i s crnom crnom krstom od 1 piksela oko svih četiriju strana odlomka ,
Prednosti inline stilova
Zahvaljujući kaskadi Cascading stilova, inline stilovi imaju najveću prednost ili specifičnost u dokumentu. To znači da će se primjenjivati bez obzira na to što je diktirano u vašem vanjskom stilskom listu (s jednim izuzetkom bilo koji stil koji je dobio važnu izjavu tog lista, ali to nije nešto što bi trebalo biti učinjeno na proizvodnim mjestima ako je mogu se izbjeći).
Jedini stilovi koji imaju veći prednost od inline stilova su korisnički stilovi koje sami čitatelji primjenjuju. Ako imate poteškoća pri primjeni izmjena, možete pokušati postaviti inline stilu na elementu. Ako se stilovi i dalje ne prikazuju pomoću inline stila, znate da se nešto drugo događa.
Inline stilovi su jednostavni i brzi za dodavanje i ne morate se brinuti o pisanju odgovarajućeg CSS selektor jer ste dodali stilove izravno elementu koji želite promijeniti (taj element zamjenjuje birač koji biste napisali na vanjskom listu stila ). Ne morate stvoriti cijeli dokument (kao s vanjskim stilskim listovima) ili urediti novi element u glavi vašeg dokumenta (kao s unutarnjim stilskim listovima). Jednostavno dodajte atribut stila koji vrijedi za gotovo svaki HTML element. To su svi razlozi zbog kojih biste mogli biti u iskušenju da koristite inline stilove, ali morate biti svjesni i nekih vrlo značajnih nedostataka u ovom pristupu.
Nedostaci inline stilova
Budući da su inline stilovi najspecifičniji u kaskadi, mogu previše voziti stvari na koje niste imali namjeru. Oni također negiraju jedan od najmoćnijih aspekata CSS-a - sposobnost stila puno i puno web stranica iz jedne centralne CSS datoteke kako bi buduća ažuriranja i promjene stila mnogo lakše upravljati.
Ako biste morali koristiti samo inline stilove, vaši će dokumenti brzo postati napuhani i vrlo teško održavati. To je zato što se inline stilovi moraju primijeniti na svaki element na koji ih želite. Dakle, ako želite da svi vaši odlomci imaju obitelj fonta "Arial", morate dodati inline stilu svakoj
oznaku u dokumentu. To dodaje i radove održavanja za dizajner i vrijeme preuzimanja za čitatelja budući da bi to trebalo promijeniti na svim stranicama vaše web stranice da biste promijenili tu obitelj fontova. Alternativno, ako upotrebljavate zaseban stilski obrazac, možda ćete je moći izmijeniti na jednom mjestu i imati svaku stranicu da primi to ažuriranje.
Istina, ovo je korak unatrag u web dizajnu - natrag danima oznake !
Još jedan nedostatak inline stilova je da je nemoguće stilirati pseudo-elemente i klase s njima. Na primjer, s vanjskim stilskim listovima možete stilizirati posjećenu, lebdeći, aktivni i povezati boju sidrene oznake, ali u inline stilu, sve što možete stisnuti je sama veza jer je to atribut atributa stila ,
Na kraju, preporučujemo da ne upotrebljavate inline stilove za svoje web stranice jer uzrokuju probleme i čine stranice puno više za održavanje. Jedino vrijeme kada ih koristimo je kada želimo brzo provjeriti stil tijekom razvoja. Jednom kad ga pronađemo ispravno za taj jedan element, premjestit ćemo ga na naš vanjski stilski list.
Izvorni članak Jennifer Krynin. Uredio je Jeremy Girard.