Foglio Esterno e sfondo

skrolin

Foglio Esterno e sfondo

Salve a tutti.
Ho un quesito da porvi.
Mi sto avvicinando solo ora al CSS dopo aver studiato l'html. Ma gia ho i primi problemi. Vi spiego.

Ho un documento html e inserisco un foglio di stile interno fatto cosi (ovv iamente tra i due head.

<style type="text/css">
<!--
html {
    background:#0C9;
}

body {
    background: #CCCCCC;
    margin: 80px;
}

-->
</style>

e tutto fuinziona...quindi il colore dello sfondo, sia del tag body che html.

Succesivamente provo a usare fogli esterni, creando un file style.css, mettendo lo stesso codice css che vedete sopra e dal documento html lo richiamo sia con


<style>
@import rul(style.css);
</style>

sia con il tag link... inutile a scriverlo, lasciando l'attributo media..

ebbene...apro la mi pagina html, e mi appare tutta la pagina grigia (cioè il colore di body) e non mi esce il colore del tag <html>. Come è possibile?

grazie...saluti:)

skrolin

up!

karedas

Ciao skrolin e benvenuto nel forum gt ,
E' giusto che ci sia quel colore proprio perchè al tag HTML non può essere dato uno sfondo.
Attribuendolo al body (giusto invece) dai un background di colore #ccccc;

skrolin

ciao grazie per al risposta...

credo di non aver capito...

cioè se metto il codice css nella stessa pagina html...lo sfondo nn di body ma di html è 0C9 cioè come dovrebbe essere. Mentre quello di body è ccccc.

Ma se lo importo e non lo inserisco nella pagina stessa 0C9 non me lo prende.

scusa l'insistenza...ma sto alle prime armi.

tinoiuliano

In teoria dovrebbe essere la stessa cosa non fai altro che spostare il contenuto in un altro foglio... sei sicuro di aver fatto tutto bene?

skrolin

sicurissimo. provato in mille modi, putroppo non vado avanti nello studio se non capisco prima questa cosa. Sa tanto di banalità ma non riesco a risolvere.

karedas

Nel css hai stabilito questo:


html {
    background:#0C9;
}

Che è concettualmente sbagliato, il tag html non può avere un background.

Subito dopo però stabilisci:

body {
    background: #CCCCCC;
    margin: 80px;
}

Ed infatti, essendo un elemento capace di avere un background, imposta al tuo sito un colore grigio (#ccc).

karedas

Nel css hai stabilito questo:


html {
    background:#0C9;
}

```Che è concettualmente sbagliato, il tag html non dovrebbe essere utilizzato per il background.

Subito dopo però stabilisci:

body {
background: #CCCCCC;
margin: 80px;
}