Koji je bolji nacin za pisanje CSS-a?

Da li je bolje pisati CSS ovako

#main-body-surround {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

Ili ovako

#main-body-surround {width: 1100pxmargin-left: auto;margin-right: auto;}

Ako ima razlike u cemu je?
Pozdrav!

kada sam pisao css uvijek sam koristio prvi način zbog same preglednosti, a i kasnije kad pregledavaš kod brže ćeš naći gdje je neka greška

Pa i ja koristim prvi nacin ali sam gledao na google analytics analizu za svaku stranicu.Na nekima mi pise da optimizujem CSS i savet da pisem na drugi nacin.

Pa optimiziraju s nekim alatima ne ručno, prvi način je za dev okruženje , a drugi(kompresirani) je za produkciju.
Prvi način je bolji zbog preglednosti, ali mozes ti pisat kako hoces na kraju krajeva ,kako tebi najvise odgovara.

Jel to znaci da se drugi brze ucitava ili…?

da ali sve zavisi koliko imaš css i dali je to large scale stranica s ne znam kolikim traffic-om ,ako ti je manja stranica neces nista previše dobit na učitavanju,radije se posveti tome da smanjiš broj zahtjeva prema serveru.

Što ne pišete ovako?

margin: 10px 0 0 6px

?

a pisu verovatno nego je samo primer naveo

Možeš pisati i na prvi način, i kada stavljaš css na server staviti minificiranu verziju, a ovu ‘običnu’ ostaviš sebi da imaš bolji pregled.

1 Like

Ma pisi na prvi nacin normalno, samo kad imas bas puno velikih css fajlova onda bi bilo dobro da malo smanjis velicinu, ali inace to je nebitna neka razlika.

1 Like

Traffic za sad nije veliki jer mi je sajt jos uvek u izradi.A zahteve prema serveru sam smanjio i to desetostruko! :smiley: Ako nikad nisi posetio moj sajt www.nasioglasi.com aj udji pa mi kazi dal je Ok. brzina kojom se ucitava.Pozdrav!

Jedan savjet, koristi klase.

Ovo se ne smije vidjeti:

Hmmm… O tome nisam razmisljao.A kako bih mogao to srediti?

<div class="imeklase"></div>
I onda svugde stavljas istu klasu..
.imeklase {
     width:148px;
     margin-bottom:5px;
}

Ovde sam morao id.Jer ovo mi je za unos marke i modela.Kad selektujes #odabir-109 pojavi se lista audijevih modela kad selektujes #odabir-163 pojavi se lista Opelovih itd… a naravno ove sto nisu selektovane se skrivaju tj. ne prikazuju.

Pa i dalje mozes ovako:

<div class="imeklase" id="odabir-163"></div>
1 Like

@joca013 Ja nisam kompetentan da ti ocjenjujem brzinu jer imam užasno jadan internet,stid me je i reći
Ispod svih prosjeka sam :confused: Evo ja ti mogu reci da se na mom super jadnom netu učitava ko munja :smiley:

Moj je isti takav pa zato i pitam!Tj. nije ni moj kradem ga od komsije! :smiley:

1 Like

Hm… cek da pokusam,tj. mislim da sam pokusao ali da sam imao neki problem.Sacu da pogledam,nemogu da se setim sta je bilo u pitanju.

Stvarno neznam zasto sam ja to uradio onako kako jesam kad sam hteo da uradim kako si i ti napisao.
Sve ovo

#main-select, #odabir-101 ,#odabir-102 ,#odabir-103, #odabir-104, #odabir-105, #odabir-106, #odabir-107, #odabir-108 ,#odabir-109, #odabir-110, 
#odabir-111 ,#odabir-112 ,#odabir-113, #odabir-114, #odabir-115, #odabir-116, #odabir-117, #odabir-118 ,#odabir-119, #odabir-120,
#odabir-121 ,#odabir-122 ,#odabir-123, #odabir-124, #odabir-125, #odabir-126, #odabir-127, #odabir-128 ,#odabir-129, #odabir-130,
#odabir-131 ,#odabir-132 ,#odabir-133, #odabir-134, #odabir-135, #odabir-136, #odabir-137, #odabir-138 ,#odabir-139, #odabir-140,
#odabir-141 ,#odabir-142 ,#odabir-143, #odabir-144, #odabir-145, #odabir-146, #odabir-147, #odabir-148 ,#odabir-149, #odabir-150,
#odabir-151 ,#odabir-152 ,#odabir-153, #odabir-154, #odabir-155, #odabir-156, #odabir-157, #odabir-158 ,#odabir-159, #odabir-160,
#odabir-161 ,#odabir-162 ,#odabir-163, #odabir-164, #odabir-165, #odabir-166, #odabir-167, #odabir-168 ,#odabir-169, #odabir-170,
#odabir-171 ,#odabir-172 ,#odabir-173, #odabir-174, #odabir-175, #odabir-176, #odabir-177, #odabir-178 ,#odabir-179, #odabir-180,
#odabir-181 ,#odabir-182 ,#odabir-183, #odabir-184, #odabir-185, #odabir-186, #odabir-187, #odabir-188 ,#odabir-189, #odabir-190,
#odabir-191 ,#odabir-192 ,#odabir-193, #odabir-194, #odabir-195, #odabir-196, #odabir-197, #odabir-198 ,#odabir-199, #odabir-200,
#odabir-299,#odabir,#

ja zamenila jedna tacka.Hvala na pomoci!