i css?

netmassimo

Personalmente sono partito da http://www.csszengarden.com/ ed esplorando le varie risorse e guide linkate ho cominciato a farmi una cultura sui CSS.

karedas

Ciao Cioccos
Potresti farti gia una cultura attraverso le faq sui css scritte da Meryk e Laburno. In caso di ulteriori dubbi chiedi pure

cioccos

karedas cosa mi consigli salvare un file con la progrmmazzione in css salvarlo come "esempio.css" e unirlo all'html ? oppure inserire i la programmazzione in css direttamente nell'html??grazie

karedas

Se inserisci il tuo css unicamente all'interno di una pagina html potrai solo usarlo per quest'ultima e per sfruttarlo nelle altre dovresti a quel punto ripeterlo ogni volta. Per un lavoro più ordinato e funzionale ti consiglio invece di creare un file .css e richiamarlo unicamente con un tag all'interno delle tue pagine

cioccos

ma non o capito bn come funziona in questo modo me lo puoi spiegare se io o una di quelle .css come le inserisco in un sito gia fatto mi puoi spiegare dettagliatamente?

karedas

Certamente
Per inserire un riferimento al nostro file .css e fare in modo che questo venga interpretato dal browser in modo da trasformare la nostra pagina devi inserire un tag ben preciso tra <head></head> all'interno del nostro codice html.

[html] <link rel="stylesheet" type="text/css" href="path/nomedelfogliodistile.css" title="nome del mio foglio di stile"/>[/html]Questo è il caso in cui creiamo un riferimento verso un foglio di stile "esterno".

stylesheet è il tipo di riferimento ma non sto a dilungarmi.
**href **è il percorso, la posizione e il nome del nostro foglio di stile.
title è un parametro opzionale per dare un titolo al nostro css.

Se volessimo invece richiamare degli attributi unicamente per una pagina e non volessimo fare lo sforzo di crearli su
di un file apposito, possiamo scrivere - sempre tra i tag <head></head> - così:

[html] <style type="text/css">

</style>[/html]

cioccos

grazie x le informazioni ma io o inserito il tuo codice> <link rel="stylesheet" type="text/css" href="path/nomedelfogliodistile.css" title="nome del mio foglio di stile"/>nel mio sito in costruzione cosi :

<html>

<head>

      <marquee direction="right"><font face="comic sans ms,arial,verdana"size="7"color="white"> -->Gio..HkR </font></marquee>

<hr>
<img src="bot6.gif" alt="area download"width="20" height="21" align="left" hspace="1" vspace="1"> <marquee behavior="slide"scrollamount="10"> foto </marquee>
 <img src="bot6.gif" alt="area download"width="20" height="21" align="left" hspace="1" vspace="1"> <marquee behavior="slide"scrollamount="10"> video </marquee>
 <img src="bot6.gif" alt="area download"width="20" height="21" align="left" hspace="1" vspace="1"> <marquee behavior="slide"scrollamount="10"> corsi web </marquee>
 <img src="down03.gif" alt="area download"width="75" height="24" align="left" hspace="1" vspace="1">

<hr>

<a href="<A href="mailto:[email protected]"><img">mailto:[email protected]"><img src="at3.gif" alt="mandami un e-mail"width="55" height="60" align="right" hspace="1" vspace="1" > </a>

</html>

ma nn noto nessuna differenza!!perche??

cioccos

il css che o inserito e questo

/* Definisco le regole per il corpo del documento /
body {
background: White; / Prima dichiarazione: notate il punto e virgola finale!/
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; / Seconda dichiarazione*/
font-size: 12px; /* Terza dichiarazione /
}
/ Titolo di primo livello /
h1 {
color: black;
}
/ Paragrafo generico */
p {
color: black;
font: 12px/1.5 Georgia, "Times New Roman", serif;
}

#div1 {
background: Silver; /* Sfondo colr argento */
width: 300px;
}
#div2 {
background: Silver;
width: 300px;
position: absolute;
top: 400px;
left: 400px;
}
e uno che o preso dal sito .html.it

karedas

Al posto di "path" devi mettere il percorso e la posizione del css basandoti su quella della tua pagina html.

Se ad esempio hai la tua pagina nella cartella "mywork" e il tuo css si trova nella cartella "mywork/css" , allora devi mettere nel path proprio quest'ultimo (mywork/css/nomefile.css). Altrimenti se esso si trova nella stessa cartella e posizione della pagina basta semplicemente scrivere il nome del file (es. href="stile.css").

In più nel tuo foglio di stile , tranne le referenze sui tag come "p, h1, body e via scorrendo", il resto si deve riferire agli id e le classi dei tuoi - chiamiamoli - oggetti.
Facciamo un esempio:
[html]
Ciao io sono un paragrafo e sarò colorato di rosso.
[/html]Nel tuo css dovrai fare ad esempio così:
[html]
p#esempioP{
color:red;
}
[/html]***Ricordalo questo è solo un esempio generico!! ***
L'uso dei css non è facile da comprendere per chi è alle prime armi ma esso conta di una quantità di regole e metodi che necessitano innanzitutto di una comprensione della loro sintassi

Ti rimando nuovamente alle FAQ linkate all'interno di questa sezione che probabilmente ti potranno aiutare nel tuo studio

Consiglio : Non usare mai una formattazione del tuo codice HTML in maiscuolo, esso è un errore di sintassi appartenente alla base dell'XTHML.

cioccos

ma e essenziale i css per un sito perche a me interessava solo x ora che una pagiana avesse ad esempio un certo spazio che io scelgo di bordi ad esempio grigio e il resto dove sta il contenuto bianco !!io per ora voglio fre sl questo come posso farlo???

cioccos

a ma e essenziale i css per un sito perche a me interessava solo x ora che una pagiana avesse ad esempio un certo spazio che io scelgo di bordi ad esempio grigio e il resto dove sta il contenuto bianco !!io per ora voglio fre sl questo come posso farlo???

karedas

Bè per fare cose del genere si possono anche non usare i fogli di stile, ma una risposta del genere potrei darla anche a chi lavora unicamente tramite l'uso totale di flash per le proprie pagine o con l'export-html+immagini di prodotti come Fireworks.
Diciamo che alle soglie di un 2008 oramai non conviene più iniziare senza di essi

Ciao!

meryk

Ciao ciccos, il mio consiglio è quello di cominciare a spostare l'approccio di progettazione dall'aspetto al contenuto. Prima di lanciarti sui css, è NECESSARIO al fine di non impazzire, preparare un codice xhtml validato e pulito. Questo significa non avere attributi di stile nell'html (esempio body bgcolor="black"text="white"face=comic sans ms,arial> )!