^^Scelte CSS per il librosito.

Definition list   dl   dt   dd

forze distribuite sulla superficie

es: forze fatte da un liquido su un corpo immerso

es: forze di attrito

distribuite sul volume del corpo

es: forz-a/e peso fatte dalla terra sul corpo.

forze concentrate/distribuite

poggio la mano aperta =  1 forza distribuita

invece: poggio la punta delle dita = 5 forze concentrate

Ereditarieta'

Se si fa una classe, bisogna stare attenti che eredita caratteristiche da quella generale, per cui se si cambiano proprieta' della classe generale, si vanno a cambiare anche di quella particolare, quelle che non sono esplicitamente assegnate.

Esempio
Avevo fatto la classe "invisibile" per le tabelle, ed era invisibile in tutto e per tutto. Poi ho dato dei padding alla table generale, che prima non aveva, di conseguenza la classe "invisible" non era piu' completamente tale poiche' aveva dei padding.

6.2.1 The 'inherit' value

Each property may also have a specified value of 'inherit', which means that, for a given element, the property takes the same computed value as the property for the element's parent. The inherited value, which is normally only used as a fallback value, can be strengthened by setting 'inherit' explicitly.

Example(s):
In the example below, the 'color' and 'background' properties are set on the BODY element. On all other elements, the 'color' value will be inherited and the background will be transparent. If these rules are part of the user's style sheet, black text on a white background will be enforced throughout the document.

BODY {
color: black !important;
background: white !important;
}

* {
color: inherit !important;
background: transparent;
}
 

Classi di forma o di significato?

Un problema e':
- faccio la classe "invisible" per le tabelle, cioe' tabelle che non si vedono
- o faccio la classe "diramazioni" che sono un particolare tipo di tabelle usate per formattare le diramazioni?
Penso che la giusta risposta sia fare la classe "diramazioni", perche' poi vorrei poter cambiare qualcosa solo a quella formattazione e non a tutte le invisibili.

Puo' avere senso fare una classe che specifica un formato, nel caso in cui si e' assolutamente sicuri che quel formato non si cambiera' mai.
Puo' essere il caso delle tabelle completamente invisibili: sia nelle righe che disegnano la tabella che nelle spaziature; cio' che fanno e' solo di dividere lo spazio in rettangoli.

Elenchi di links

Negli elenchi di links, vorrei che ogni link fosse un paragrafo, pero' tutti attaccati.

Idea1: fare un div in cui il margine dei paragrafi sia 0
div.p0 p {margin:0}  /* per fare elenchi di links, pero' ora che l'ho fatto, ne sto facendo a meno usando l'elenco non ordinato*/

Idea2: usare l'elenco non ordinato che e' anche piu' corretto poiche' sto proprio facendo un elenco.

div.p0 p {margin:0}

Avere delle div in cui i paragrafi sono attaccati l'uno all'altro, come ad esempio e' nella videoscrittura di Word.

Forse non conviene impostare
p {margin:0}
perche' sarebbe forse troppo generale.

Ci sarebbe da pensare alla distinzione tra:

• "paragrafo logico" unita' logica
• "paragrafo fisico"  tiene conto delle limitazioni fisiche es: larghezza monitor
• "paragrafo grafico" come lo vorrei rendere

Table

body, td { font-weight:bold} /*IE6= funzional solo: normal bold */ 
/* td{ font-weight:bold} devo dichiararlo poiche' non lo eredita automaticamente da body */
table {border-collapse: collapse; /* border-spacing:20px non funzia IE6*/}
td,th {border:1px solid #666666;padding-left:0.33em;padding-right:0.2em}
th{color: #f96}

Trucchi di formattazione

Se voglio essere sicuro di distaccare due scritture,
- piuttosto che usare il paragrafo con margine pari a una linea di scrittura,
- meglio usare 2 <br>

^^Appunti vari CSS 

^^Questo e' un paragrafo h1

non eredita' la caratteristica {font-weight:normal} dall'elemento body

pre preformatted

questo e' preformatted font-weight:normal

questo e' preformatted font-weight:bold

table {width:100%}

table {}

table {border-collapse:separate}

table {border-collapse:separate;border-spacing:20}   border-spacing non funziona IE6, MOZsi

table {border-width:5}  non funziona poiche' e' necessario dichiarare border-style

table { border-style:solid; border-width:10}

table { border-style:outset}

table {border-style:inset}

il bordo vale di un qualsiasi elemento

div {border-style:inset}

div {border-style:inset;width:auto}

Non so come farlo aderente al contenuto.

td {vertical-align:top}

valori:  middle | top | bottom | baseline | sub | super | text-top | text-bottom

td {text-align:center}

valor:  left | right | center | justify

TABLE {margin-left: auto;margin-right: auto}   non funziona ie6, mozSI

The table itself is centered, by setting its left and right margins to 'auto'

Allineamenti table {text-align:center}

CAPTION{}

CAPTION{caption-side: left; margin-left: -8em;width: 8em;text-align: right;vertical-align: bottom}

The following example shows how to put a caption in the left margin. The table itself is centered, by setting its left and right margins to 'auto', and the whole box with table and caption is shifted into the left margin by the same amount as the width of the caption.

^^CSS cascading style sheets; comportamento in IE6.