Ogni carattere, in qualsiasi documento, richiede 8 bit. Questo comprende gli spazi e gli a capo.

Capirai bene che se dopo ogni regola metto un a capo, e, poniamo, io abbia un foglio con 100 regole, avrò 8x100=800bit dovuti solo agli a capo.

Spesso si comprime tramite script PHP (ma anche altro) semplicemente eliminando gli spazi e gli a capo. Ovviamente questo va a discapito della leggibilità del foglio.

Oh quante cose ho scoperto, pensavo fosse una doamnda stupidissima e invece come sempre mi avete fatto scoprire cose nuove.

Dunque io ho un file che pesa 10k ma ci sono 30 e passa regole.

Ho già fatto il possibile per raggruppare e riutilizzare regole, ma alcune mi sono proprio inevitabili aggiungerle nuove, almeno per le mie conoscenze (ovvio ). Però ora voglio provare a togliere almeno qualche spazio e vedere di quanto diminuisce il peso.

Ma un file troppo pesante su cosa influisce?

Ecco è sceso a 8,32kb tolte le indentature (ehm sono lo spazio laterale giusto? io quello ho tolto) e qualche spazio di troppo e i commenti che avevo aggiunto tra /* commento */. E mi sono anche accorta che avevo ripetuto per tante regole il font-family, il colore del testo black e il carattere 13px che invece è già definito nel body.

@misterwo said:

Se non hai capito o mi son spiegato male dimmelo...ok?
Quello che tu dici l'ho capito, però non mi è chiaro come linkare due css nella stessa pagina.

Io ora ho questa dicitura
<link rel="stylesheet" type="text/css" href="stile.css">

Per aggiungerne un altro scrivo

<style type="text/css" media="screen">@import url(stile_pagine.css );</style>

o lo devo aggiungere al css stile.css?

Non mi è chiaro questo passaggio!! :?:?

ciao!
nella tua page fai l'import...

<style type="text/css" media="screen">@import url(stile_pagine.css );</style>

e all'interno del file css stile_pagine.css metti @import url(stile.css);

Grazie misterwo, domani provo, son curiosa, potrebbe tornarmi molto utile.

@Vampiretta said:

Ecco è sceso a 8,32kb tolte le indentature

invece il mio è sceso troppo poco.. da 10.794 a 10.216
sto cercando di eliminarne qualcuna, ma non è semplicissimo..

toglietemi una curiosità: c'è veramente differenza tra lo scrivere:

[HTML].testo{
color:#cc9;
font:1.25em Verdana,"Trebuchet MS", Helvetica, sans-serif;
}[/HTML]

e

[HTML].testo{
font-color:#cc9;
font-size:1.25em;
font-family: "Trebuchet MS", Helvetica, sans-serif;
}[/HTML]

?

Bè risparmi in byte essendoci più testo eheh

@karedas said:

Bè risparmi in byte essendoci più testo eheh
quindi meglio la forma abbreviata?

Bè io la uso spesso anche perchè lo vedo troppo pesante dover dichiarare duecento righe di attributi. Pensando tipo al font come al border o al background. Dovrei occupare posto infinito quando posso riassumere tutto in una riga.

Io invece per alcune cose se non vado a capo e le esprimo singolarmente mi lego in maniera incredibile!

Però voglio provare anche io le forme abbreviate! Finisce che a forza di fare prove, distrucco il css.

L'importante è che appunto state attento alle dichiarazioni.
Ad esempio nella sintassi dell'attributo "background" un conto è mettere così:

background:url('immagini/foto1.jpg')no-repeat top center;

un conto è mettere così:

background:url('immagini/foto1.jpg') no-repeat top center;

Cosa cambia direte voi?
IE non comprende a pieno il primo caso necessitando di uno spazio tra i vari parametri (in questo caso no-repeat deve staccarsi dalla parentesi).
E' un errore che spesso fanno in tanti.

@misterwo said:

ciao!
nella tua page fai l'import...

<style type="text/css" media="screen">@import url(stile_pagine.css );</style>

e all'interno del file css stile_pagine.css metti @import url(stile.css);
Ehm ho provato a fare così, ma non c'ho capito molto e non mi funziona.

Ma per mettere due css nella stessa pagina che hanno nomi di classi e id etc completamente diverse non posso scrivere:
<link rel="stylesheet" type="text/css" href="stile1.css">
<link rel="stylesheet" type="text/css" href="stile2.css">

E' sbagliato? Io ho provato e mi funziona, ma non so se è corretto sinceramente.