CSS e include php

cosmoweb

CSS e include php

Premetto con sono appena all'inizio con i CSS, ho il mio sito strutturato con vari include di php che vanno a completare la pagina, come posso formattare (carattere, dimensioni, ecc.) di alcune frasi o parole contenute nella pagina che vado a caricare con l'inlcude?

Ho fatto tipo così:

ed il corpo del messaggio è tipo:

Ciao, benvenuto nel mio sito!
Questa sera si va al XYZ in via Roma, Milano.

Logicamente se lo convalido con W3C mi da errore...

Spero di essere stato chiaro.

ayrton2001

Non proprio chiaro.
Il validatore non dovrebbe dare errori.
Ma il css lo includi in msg.php?

karedas

Non importa includerlo nel file msg.php.
Basta che la pagine primaria, cioè quella che contiene l'include al .php abbia o uno style interno (<style ...> </style>) o linkato ad un .css esterno.

Nel php devi fare sempicemente così:

Se hai uno script che ti genera HTML semplicemente aggiungi dei semplici tag.
es:

[PHP]...
for($i=0; $i<5; $i++){

echo "<span class='nomeStile">SPAN numero ".$i."</span>"
}
....
[/PHP]
Nel foglio di stile metterai:

.nomestile{
parametro 1:"valore";
parametro 2:"valore";
}

(il punto davanti lo si mette per riferirsi alle classi che possono essere ripetute, mentre se metti un "#" al posto del punto ti riferisci ad un oggetto singolo e unico della pagina detto "id")

ayrton2001

@karedas said:

Non importa includerlo nel file msg.php.
Basta che la pagine primaria, cioè quella che contiene l'include al .php abbia o uno style interno (<style ...> </style>) o linkato ad un .css esterno.

sicuro che se si crea una pagina con il tag style dopo il body il validatore non da errore?
Ossia:
<div id="corpo_msg">
<style>
...
</style>
</div>

karedas

Io non ho detto dopo il body. Devi scriverlo tra i tag <head></head> con la regola:
[html]
<style type="text/css">
.nomediv{
background-color:black;
color:white;
font-size:1.1.em;
ecc
</style>
[/html]Oppure crei un file.css e sempre tra i tag <head></head> inserisci:

[html]<link rel="stylesheet" type="text/css" href="nomestyle.css" title="titolostyle" />[/html]

dove il parametro "href" è il link al file.css

ayrton2001

@karedas said:

Io non ho detto dopo il body. Devi scriverlo tra i tag <head></head> con la regola:
[html]
<style type="text/css">
.nomediv{
background-color:black;
color:white;
font-size:1.1.em;
ecc
</style>
[/html]Oppure crei un file.css e sempre tra i tag <head></head> inserisci:

[html]<link rel="stylesheet" type="text/css" href="nomestyle.css" title="titolostyle" />[/html]

dove il parametro "href" è il link al file.css

Per questo avevo chiesto se lo includeva nel file msg.php poiche in quel caso non sarebbe stato corretto

karedas

No puoi farlo comunque, in verità c'è anche un altro modo che non ho citato.
Questo tipo che ti elenco ora si può affibiare unicamente ai singoli tag poichè viene appunto racchiuso tra i loro delimitatori "< >".

esempio:

[html]<div id="box" style="background-color:black">
<span style="color:red">Questo testo è rosso in un box nero</span>
</div>[/html]In questo modo puoi metterlo ovunque nella tua pagina.
Personalmente non uso mai questo tipo di impostazione nelle mie pagine poichè la trovo poco elegante, ma tuttavia non da ne errori di accessibilità ne errori di sintassi.

karedas

No aspetta ho riletto un attimo forse ho capito che cosa intendi.

Forse stai vedendo i foglio di stile come delle classi php , che per utilizzarle all'interno di altri file le devi richiamare.

Se tu in una pagina hai inserito un foglio di stile (poniamo che tu abbia questo foglio di stile esterno, come ti ho mostrato pochi esempi fa) , questa darà tutti gli attribuiti generati dall'html e dall'output del php.

Quindi (ti faccio un esempio striminzito)

....
<html>
<link rel="stylesheet" type="text/css" href="nomestyle.css" title="titolostyle" />
Se all'interno del css esterno vi è:

#box1{
background-color:red;
}
#phpbox{
background-color:green;
}

il sorgente dell'output finale, ponendo che il tuo php ti generi con l'include il tag "<div id='phpbo'></div>" , sarà:
<body>
<div id=box1>ciao</div>
<div id="phpbox"></div>
</body>