Come personalizzare gli stili del foglio di stile con i CSS

July 28

CSS o Cascading Style Sheets, è un linguaggio di codifica potente progettato con lo scopo di creare e implementare stili web con facilità. Anche se HTML è dotato di opzioni di stile, CSS fornisce stile di gran lunga superiore di esecuzione che uno stile può essere facilmente applicata a più elementi HTML senza dover modificare ogni singolo elemento. Gli stili nel foglio di stile CSS possono essere personalizzati per soddisfare le vostre esigenze.

istruzione

1 Aprire il foglio di stile CSS e posizionare il cursore in una nuova riga nella pagina. Se necessario, ha colpito i "ENTER" più volte il tasto per creare e passare a una nuova linea.

2 Digitare il nome del tag HTML desiderato, come ad esempio "div", "p" o "corpo", e poi inserire uno spazio e due staffe arricciato. Si noti che è possibile utilizzare qualsiasi tag. Finora, il tuo stile CSS dovrebbe essere simile a questo: "div {}"

3 Personalizzare gli stili nel foglio di stile CSS per il tag HTML che hai scelto. Qualsiasi tipo di stile CSS possono essere utilizzati, ma ricordate di separare gli stili con un punto e virgola. Il tuo stile CSS foglio di stile personalizzato dovrebbe essere simile a questo: "div {background-color: black; text-align: right; text-decoration: underline; color: white;}"

Consigli e avvertenze

  • Nell'esempio al termine della fase 3, sostituire il "background-color", "text-align", "text-decoration" e stili di "colore" con qualunque CSS stili che si desidera.
  • Ulteriori stili CSS possono essere trovati su siti web come W3 Schools, Quackit e Basics CSS.