Koristite raspon i div s CSS-om za veći stil i kontrolu rasporeda.
Mnogi ljudi koji su novi u web-dizajnu i HTML / CSS upotrebljavaju elemente i Element div definira logičke odjeljke na vašoj web stranici. To je u osnovi okvir u kojem možete staviti druge HTML elemente koji logično idu zajedno. Odjel može sadržavati više elemenata, poput odlomaka, naslova, popisa, veza, slika itd. U njemu čak mogu imati i druge podjele kako bi pružili dodatnu strukturu i organizaciju vašem HTML dokumentu. Da biste upotrijebili div element, postavite otvorenu sadržaj div Ako područje vaše stranice treba neke dodatne informacije koje ćete koristiti za stil s CSS kasnije, možete dodati id selector (npr. id = "myDiv">) ili klase za odabir (npr. class = "bigDiv">). Oba ova atributa mogu se zatim odabrati pomoću CSS-a ili modificirati pomoću JavaScripta. Trenutačne najbolje prakse lean prema korištenju klasnih selektora umjesto ID-a, dijelom zbog toga kako su određeni ID selektori. Istina, međutim, možete upotrijebiti bilo koju osobu i čak možete dati podjelu i za ID i za odabir klase. Kada koristiti Element div razlikuje se od HTML5 elementa odjeljka jer ne sadrži sadržaj sadržan u semantičkom značenju. Ako niste sigurni treba li blokovni sadržaj biti div ili odjeljak, razmislite o svrsi elementa i sadržaja koji će vam pomoći da odlučite koje ćete koristiti: U konačnici, i divovi i odjeljci se ponašaju prilično slično i možete dati bilo koji od njih atribut vrijednosti i stil ih s CSS da biste dobili izgled vaše stranice koje vam je potrebno. Oba su elementa razine bloka. Span element je inline element prema zadanim postavkama. To ga razlikuje od dijelova divova i odjeljaka. Span element često se koristi za omotavanje određenog dijela sadržaja, inače teksta, kako bi se dobila dodatna "kuka" koja se kasnije može oblikovati. Koristi se s CSS-om, može promijeniti stil teksta koji zatvara; međutim, bez ikakvog atributa stila, samo span element nema nikakvog utjecaja na tekst. Ovo je glavna razlika između raspona i div elemenata. Kao što je gore spomenuto, div element uključuje odlomak odlomka, a element span samo govori pregledniku da primjenjuje pridružene pravila CSS stila na ono što je obuhvaćeno oznakama : OznaÄŤeni tekst i neizazvan tekst. Dodajte klasi = "istaknite" ili neku drugu klasu u element span da biste tekst stilizirali pomoću CSS-a (npr. Class = "highlight">). Span element nema potrebne atribute, ali tri najkorisnije su jednake onima u div elementu: Koristite raspon kada želite promijeniti stil sadržaja bez definiranja tog sadržaja kao novog elementa razine bloka u dokumentu. Na primjer, ako želite da druga riječ naslova h3 bude crvena, možete okružiti tu riječ s elementom spona koji bi ovu riječ označio kao crveni tekst. Riječ i dalje ostaje dio h3 elementa, ali sada također prikazuje crveno: Uredio Jeremy Girard na 2/2/17 Upotreba elementa
Upotreba elementa
Ovo je moj Strašan naslov