Come creare un file CSS in una applicazione web

August 28

Come creare un file CSS in una applicazione web


Per molti anni, l'HTML era la lingua principale utilizzata per la costruzione e le pagine Web Format. Oggi, HTML è ancora necessaria per il layout generale di contenuti su un sito web. Tuttavia, il suo codice di formattazione è stato sostituito da Cascading Style Sheets (CSS). Ci sono molti vantaggi per la progettazione CSS. Quando più pagine Web condividono la stessa formattazione, un singolo file CSS possono essere condivise tra di loro, evitando il compito di copiare i dati di formattazione su ogni pagina. Inoltre, CSS fornisce molto più controllo sui dettagli di formattazione, offrendo ai progettisti più opzioni creative. Creazione di un file CSS per un'applicazione è un processo semplice.

istruzione

1 Creare un nuovo documento di testo. Utilizzare qualsiasi editor di testo che si desidera. Blocco note di Windows è una opzione gratuita accettabile.

2 Digitare il nome di un tag HTML che si desidera formattare nel file CSS. Ad esempio, il "carattere", "punto" e "tag di intestazione" sono scelte comuni per la formattazione CSS. Non si immette le staffe triangolo per il tag come si farebbe in HTML. Così, per creare una voce di formattazione per il tag "paragrafo", basta digitare "p" invece di "<p>". Si prega di notare che le doppie virgolette non sono incluse nel contenuto effettivo digitato.

3 Digitare un punto seguito da il proprio nome scelto per etichettare questo elemento di formattazione. E 'possibile avere più varianti di una tag che sono richiamato per scopi diversi. Ciascuno di questi ha la propria "classe". Ad esempio, è possibile digitare "p.test" per nominare la classe "p" come "test". Si prega di notare che le doppie virgolette non sono incluse nel contenuto effettivo digitato. Se non si include una classe, allora tutte le istanze di questo tag saranno formattati nello stesso modo in qualsiasi pagina Web che utilizza il file CSS.

4 Digitare un parentesi graffa di apertura ( "{") per avviare il codice di formattazione per il tag HTML digitato. Si prega di notare che le doppie virgolette non sono incluse nel contenuto effettivo digitato.

5 Digitare il nome di un attributo di formattazione, seguito da due punti, il suo ambiente, e quindi un punto e virgola. Ad esempio, per il tag "p", è possibile digitare "margin-left: 2px;" per specificare che il paragrafo dovrebbe avere un margine di due pixel alla sua sinistra. Si prega di notare che le doppie virgolette non sono incluse nel contenuto effettivo digitato.

6 Digitare una parentesi graffa di chiusura ( "}") per terminare la formattazione per questo tag. Si prega di notare che le doppie virgolette non sono incluse nel contenuto effettivo digitato.

7 Salvare il file con un nome che desideri, ma dare l'estensione "css".

8 Aprire una pagina HTML per il tuo sito. Utilizzare un editor di testo in modo da poter modificare il codice.

9 Digitare la seguente riga nell'intestazione della pagina HTML. Questa è la sezione del documento HTML che inizia con "<head>" e termina con "</ head>". Questa linea deve essere collocato tra questi due tag: <link rel = "stylesheet" type = "text / css" href = "styles.css">. Si noti che in questo caso sono necessari i doppi apici. Sostituire il nome del file CSS per il "styles.css" in questo esempio. È stato creato un file CSS per l'applicazione Web. Il codice HTML seguirà la formattazione specificata in questo file separato.

Consigli e avvertenze

  • CSS fornisce ogni tag HTML con un set completo di attributi personalizzabili. Ad esempio, per il tag "p", è possibile impostare i margini su tutti e quattro i lati del punto, impostare il suo rientro e il testo di colore, e molto altro. Non è necessario specificare tutti i possibili attributi.

Articoli Correlati