Come creare un semplice foglio di stile CSS utilizzando Blocco note

Video: Come Creare i FOGLI DI STILE CSS, Tipi di fogli #1

Contenuto

Passi
Consigli
Cose di cui avrai bisogno

Blocco note è uno degli editor di testo che possono essere utilizzati per creare un documento CSS (Cascading Style Sheet). Dopo aver creato un file CSS in Blocco note, puoi collegare quel file a una pagina web in modo che il contenuto della pagina web possa essere formattato con il tuo foglio di stile.

Passi

1 Apri il programma Blocco note.
2Copia il seguente codice:

@charset "utf-8"; / * Documento CSS * // * Definisce il colore dell'elemento body * / body {background: # FFFFFF;} / * Questa sezione è per i collegamenti * / a: link { font-weight: normale; color: Navy} a: visitato {font-weight: normal; color: Green;} a: hover {font-weight: bold; colore rosso; font-variant: maiuscoletto;} / * Questa sezione è per una sezione di paragrafo * / p {font-style: italic; font-size: 18px;} blue {color: # 0000FF;} / * Questa sezione è per il bordo nero dell'immagine. * / img {border-color: # 000000; bordo: spesso; stile bordo: cresta;}

# Incolla il codice dal "Passaggio 2" nel Blocco note.

1 Salva il file nel Blocco note. Salvalo con il nome "SimpleCSS.css" facendo clic sul pulsante "File" e scegliendo il comando "Salva". Dopo aver fatto clic sul pulsante "Salva", verrà visualizzata la finestra di dialogo "Salva con nome".
2 Assegna un nome al tuo file CSS. Immettere "SimpleCSS.css" o qualsiasi nome nella casella di testo "Nome file" con estensione ".css".
3 Fare clic sul pulsante "Salva".
4 È fatta!

Consigli

Salva il file Blocco note come Solo testo (a volte potresti chiamarlo Documento di testo o ASCII) e assegnagli l'estensione ".css".
Il codice che abbiamo scritto qui è solo un esempio per mostrarti come creare un file CSS di base utilizzando Blocco note per manipolare i suoi elementi HTML nella nostra pagina web di esempio visualizzata nella sezione Introduzione. Puoi modificare la nostra codifica CSS, tuttavia, come desideri formattare gli stili e l'aspetto delle pagine web.
Ricorda di posizionare il documento CSS salvato nella stessa cartella dei documenti HTML in cui hai creato le tue pagine web.
Dopo aver creato il documento CSS, potrebbe essere necessario eseguire il passaggio successivo; ovvero collegare un documento e una pagina web. Si prega di consultare gli articoli correlati per farlo.