Fogi di stile interni ad un tempale

[readysteadygo]

Mi piace questo template: http://themetrust.com/demos/infinity/

... non capisco però perchè le pagine sono riempite di fogli di stile interni:

<style type="text/css" media="screen">
#homeMessage p { font-family: 'Podkova'; }

body {border-top: 5px solid #93bcbe;}
.projectNav a:hover { background-color: #93bcbe; }
#filterNav .selected { color: #93bcbe!important;}

#mainNav ul a, #mainNav ul li.sfHover ul a { color: #7b7b7b !important; }
#mainNav ul li.current a,
#mainNav ul li.current-cat a,
#mainNav ul li.current_page_item a,
#mainNav ul li.current-menu-item a,
#mainNav ul li.current-post-ancestor a,
#mainNav ul li.current_page_parent a,
#mainNav ul li.current-category-parent a,
#mainNav ul li.current-category-ancestor a,
#mainNav ul li.current-portfolio-ancestor a,
#mainNav ul li.current-projects-ancestor a {
color: #93bcbe !important;
}
#mainNav ul li.sfHover a,
#mainNav ul li a:hover,
#mainNav ul li:hover {
color: #93bcbe !important;
}
#mainNav ul li.sfHover ul a:hover { color: #93bcbe !important;}

a { color: #93bcbe;}
a:hover {color: #4d787a;}
.button, #searchsubmit, input[type="submit"] {background-color: #515151 !important;}
.button:hover, #searchsubmit:hover, input[type="submit"]:hover {background-color: #717171 !important;}
#homeMessage p span {
color: #c4c3c0;
font-size: .5em;
line-height: .9em;
text-transform: uppercase;
font-family: Droid Sans;
}

@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {
.footerLogo img {float: none;}
.footerLogo { width: 50px; }
}</style>

Che succede se le collego ad un file di stile esterno? E' motivo di conflitto con lo stile di default?

Grazie.

[Prill]

... non capisco però perchè le pagine sono riempite di fogli di stile interni:

...
Che succede se le collego ad un file di stile esterno? E' motivo di conflitto con lo stile di default?

Grazie.

la pagine è piena di fogli di stile, ne ho contati ben 7, di certo si potrebbe semplificare con una bella dieta ...

in alcuni casi i css interni vanno a sovrascrivere altre impostazioni (vedi quell'!important). Puoi portare il css incorporato all'esterno, l'importante è che lo richiami dopo gli altri

[readysteadygo]

Grazie. Farò tentativi.

Domanda: se inserisco il richiamo dei fogli di stile ora interni alla pagina DOPO gli altri non succede che vengono "in secondo piano"? Ora se sono interni non hanno forse una loro priorità?

Grazie

[Prill]

sono interni perché probabilmente le pagine hanno impostazioni che differiscono leggermente e ciascuna pagina ha le proprie variazioni (inserite singolarmente) oltre che caratteri comuni (nei css generali usate per tutte). Chiamare un foglio di stile dopo tutti gli altri non significa metterlo in secondo piano, significa anzi dire al browser che quelle sono le formattazioni ultime (che andranno a sovrascrivere le altre), in effetti se guardi il codice anche lì il css incorporato viene dopo gli altri (fosse stato prima, i css predominanti sarebbero stati i successivi)

[readysteadygo]

Chiamare un foglio di stile dopo tutti gli altri non significa metterlo in secondo piano, significa anzi dire al browser che quelle sono le formattazioni ultime (che andranno a sovrascrivere le altre), in effetti se guardi il codice anche lì il css incorporato viene dopo gli altri (fosse stato prima, i css predominanti sarebbero stati i successivi)

chiaro ora