Come Creare un Foglio di Stile CSS Semplice Utilizzando il Blocco Note

Info sull'Autore

Blocco note è un editor di testi che puoi utilizzare per creare un documento CSS (Cascading Style Sheet). Dopo aver creato un file CSS con il tuo Blocco Note, potrai linkare questo file alle tue pagine Web in modo che il contenuto di queste venga formattato attraverso il tuo foglio di stile.

Passaggi

1
Apri Blocco Note.
2
Copia il codice riportato nella sezione "Fonti e Citazioni".^{[1]
X
Fonte di ricerca

<div class="codebox" style="display:inline-block; background-color: #f6f5f4; border-style: dashed; border-width: 1px; border-color: #000000; padding-top: .5em; padding-bottom: .5em; padding-left: .5em; overflow: auto;margin-top:1em;margin-bottom:0.5em;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border: 1px solid #000; width:100%;">
<div class="mw-highlight mw-content-ltr" dir="ltr"><pre>@charset "utf-8";
/* Documento CSS */
/*Sciegli il colore del corpo del testo*/
body
{background: #FFFFFF;
}
/*Questa sezione è per i link*/
a:link
{font-weight:normal; color:Navy
}
a:visited
{font-weight:normal; color:Green;
}
a:hover
{font-weight:bold; color: Red; font-variant:small-caps;
}
/*Questa sezione è per la sezione del paragrafo*/
p {font-style:italic; font-size:18px;
}
blue {color:#0000FF;
}
/*Questa sezione è per il bordo nero dell'immagine*/
img {border-color: #000000; border:thick; border-style:ridge;
}
</pre></div>
</div>}
3
Incolla il codice del passaggio precedente su Blocco Note.
4
Salva il file nel Blocco Note. Salvalo come "SimpleCSS.css" cliccando su "File" e selezionando "Salva". A questo punto apparirà la finestra "Salva con Nome".
5
Dai un nome al tuo file CSS. Scrivi "SimpleCSS.css" o un altro nome di tua scelta nel riquadro "Nome del FIle", mantenendo però l'estensione ".css".
6
Clicca su "Salva".

Pubblicità

Consigli

Il codice che ho scritto qui è solo un esempio per mostrati come creare un file elementare CSS utilizzando Blocco Note per controllare gli elementi html nella pagina web esempio presentata nella sezione introduttiva. Puoi alterare il codice CSS nella maniera che vorrai per formattare lo stile e l'aspetto delle tue pagine web a tuo piacimento.
Salva il file nel Blocco Note come Solo Testo (a volte potrebbe venire chiamato Documento di Testo o ASCII) e dagli l'estensione ".css".
Assicurati di mettere il tuo documento salvato CSS nella stessa cartella dei tuoi documenti html con i quali hai creato le tue pagine web.
Dopo che hai creato il documento CSS, potresti voler linkarlo alle tue pagine web. Per farlo, segui i suggerimenti degli articoli che si riferiscono a quest'operazione.