Poslao: 24 Avg 2017 13:49
|
offline
- E.L.I.T.E.
- Legendarni građanin
- Pridružio: 23 Maj 2012
- Poruke: 4575
|
Stephanos ::mislite da tipa za svaki h2 id ili class pravim novi css file?
Ma kakvi, tek tada bi napravio haos
U ovom slučaju (a i u mnogim drugim) ti je dovoljan samo jedan CSS fajl. Mi smo ti samo napomenuli da sve vezano za stilove smeštaš u CSS fajl jer se to generalno preporučuje, najviše zbog organizacije i lakšeg uređivanja sajta, da ti je sve na jednom mestu. Videćeš i kasnije, kada budeš krenuo da radiš ozbiljnije, da se ovaj princip grupisanja stvari u zasebne fajlove koristi i van HTML-a i CSS-a (recimo kod MVC pattern-a).
Ovo je standardna struktura:
+ css
|- styles.css
+ js
|- file1.js
|- file2.js
index.html
Nisi provalio šta ti @silwerhawk govori. Umesto style atributa, sve atribute smeštaj u CSS fajl. Znači umesto:
<element style="..."></element>
Daj mu neku klasu ili ID i u CSS fajlu mu definiši atribute:
element.neka_klasa {
/* ... */
}
element#neki_id {
/* ... */
}
|
|
|
Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
|
|
Poslao: 24 Avg 2017 17:53
|
offline
- Stephanos
- Zaslužni građanin
- Pridružio: 03 Feb 2015
- Poruke: 501
|
Skontao sam za CSS fajl da sve u njega stavljam, ali ovo dole ovi elementi, stao mi je mozak..
Najbolje cu da vidim ako mi das neki primer, ajd napravi box sa rezolucijom 300x300 primer
Ovaj element mi nije jasan :/
Mislis? Primer:
div.#box1 {
}
div.neka_klasa {
}
|
|
|
|
Poslao: 24 Avg 2017 18:41
|
offline
- E.L.I.T.E.
- Legendarni građanin
- Pridružio: 23 Maj 2012
- Poruke: 4575
|
Element zameni sa nekim drugim tagom, to sam stavio čisto radi demonstracije. Poenta je da opštim elementima dodaš neku klasu ili ID i tako im proširuješ atribute. Iste klase po pravilu možeš da imaš na više elemenata, a isti ID ne bi smeo da imaš na više elemenata.
Recimo, imaš puno različitih <h1> elemenata, da ne bi u svakom stalno menjao style samo napraviš više klasa i svakoj dodeliš određene atribute.
h1.red {
color: #ff1800;
}
h1.blue {
color: #0000ff;
}
h1.green {
color: #08fc00;
}
Ako više klasa deli neku osobinu, možeš im definisati zajedničke atribute navodeći ih u nizu , odvojene zarezima:
h1.red,
h1.blue,
h1.green {
font-size: 30px;
}
I jednu bitnu stvar sam zaboravio da napomenem; vodi računa o razmacima. Primer dve potpuno različite stvari u CSS:
/* definicija atributa za sve h1 elemente sa klasom 'red' */
h1.red {
/* atributi */
}
/* definicija atributa za sve elemente sa klasom 'red' koji se nalaze unutar elemenata h1 */
h1 .red {
/* atributi */
}
|
|
|
|
|
|
|
Poslao: 30 Avg 2017 21:06
|
offline
- vasa.93
- Moderator foruma
- Pridružio: 17 Dec 2007
- Poruke: 14824
- Gde živiš: Niš
|
Pa donekle. Sve zavisi šta tačno želiš da postigneš, i shodno tome razmišljaš o tome kako ćeš sve da organizuješ. Većinu stvari možeš da postigneš na više različitih načina, ali jedan pristup može da bude fleksibilniji za neku primenu, a neki pristup može da bude bolji za neku drugačiju primenu. Kako god, univerzalno najbolje rešenje ne postoji.
|
|
|
|
|
|
|