10 modi per utilizzare e snellire i css

[pierofix]

In questo articolo sono illustrate dieci semplici dritte per l'uso dei css e per snellire il codice degli stessi:

- http://www.evolt.org/article/Ten_CSS...369/index.html

I primi due sono sicuramente i più interessanti.

1. CSS font shorthand rule

When styling fonts with CSS you may be doing this:
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana,serif;

There's no need though as you can use this CSS shorthand property:
font: 1em/1.5em bold italic small-caps verdana,serif

Much better! Just a couple of words of warning: This CSS shorthand version will only work if you're specifying both the font-size and the font-family. Also, if you don't specify the font-weight, font-style, or font-varient then these values will automatically default to a value of normal, so do bear this in mind too.


2. Two classes together

Usually attributes are assigned just one class, but this doesn't mean that that's all you're allowed. In reality, you can assign as many classes as you like! For example:
<p class="text side">...</p>

Using these two classes together (separated by a space, not with a comma) means that the paragraph calls up the rules assigned to both text and side. If any rules overlap between the two classes then the class which is below the other in the CSS document will take precedence.

[nickmadison]

molto interessante, sopratutto la possibilità di assegnare più di una classe per elemento.

[pierofix]

Può snellire di molto le sub-strutture che siamo soliti creare con i div+class o id annidati e inutili...

[Sonikag]

Domanda su questo:

---
3. CSS border default value
When writing a border rule you'll usually specify the colour, width and style (in any order). For example, border: 3px solid #000 will give you a black solid border, 3px thick. However the only required value here is the border style.

If you were to write just border: solid then the defaults for that border will be used. But what defaults? Well, the default width for a border is medium (equivalent to about 3 to 4px) and the default colour is that of the text colour within that border. If either of these are what you want for the border then you can leave them out of the CSS rule!
---

tradotto? non ho capito bene il significato...
Oltreututto (se non erro) il W3c non accetta #000 ma vuole #000000.

Sonia

[pierofix]

Ti dice semplicemente che ci sono certe regole che non è necessario ripetere.

Nel caso del border, il valore di default è:
border: solid 3px #000;

Pertanto, inserire questa istruzione per settare il bordo di un elemento con quelle caratteristiche è ridondante. Ragionamento, aggiungo, da estendere a tutti gli elementi.



P.S. Per il discorso delle abbreviazioni del codice del colore... non saprei. Qualcuno ne sa qualcosa?

[zoom]

i colori a 3 cifre non dovrebbero dare problemi.
vengono supportati da tutti i browser più importanti che supportano css2...

[pierofix]

E' quello che ho notato sempre anch'io...
Ora occorre però verificare che sia anche una soluzione w3c standard.

[span]

sì, viene validato.

pittosto, sei sicuro che la doppia classe sia crossbrowser?

[pierofix]

Non al cento per cento.

.c {
   color: #fff;
}
.b {
   background: #000;
}

...

 :yuppi: 

Riesci a provarlo su più browser? Io in ufficio ho solo IE e Volpe di fuoco...

[span]

si, ma il problema, se non ricordo male, è proprio IE