codequick-darkmode-logo
AccediIscriviti
Corso di CSS

Programma:

Corso di CSS

6 Lezioni 39 Domande di Programmazione Online


Quali argomenti saranno trattati nel corso?

Introduzione a CSS

  1. Nozioni di base di CSS Parte 1:

    • Definire lo stile e applicarlo a CSS.

    • Esempi di applicazione di font-size, color, text-align, margin, padding, border e background-color agli elementi.

    • Definire i link e come incorporarli in HTML per applicare lo stile CSS.

    • La gerarchia di stile inline > id > class > tag per applicare gli stili CSS in modo efficiente.

    • Applicare stili CSS direttamente a un elemento utilizzando stili inline.

    • Applicare stili CSS utilizzando id.

    • Applicare stili CSS utilizzando class.

  1. Nozioni di base di CSS Parte 2:

    • Utilizzo dei tag HTML.

    • Annidamento degli elementi HTML.

    • Comprensione della gerarchia delle classi CSS.

    • Esplorazione di hover e del suo utilizzo.

    • Regolazione della larghezza e dell'altezza di HTML.

  1. Infrastruttura del layout di pagina Parte 1:

    • Convenzioni di denominazione per le classi in CSS

    • La differenza tra le proprietà visibility e display, e come applicarle nel design

    • Esempi di proprietà CSS come border-radius, visibility, display e box-sizing

    • I vantaggi dell'uso del modello border-box per un layout di design migliore.

  1. Infrastruttura del layout di pagina Parte 2:

    • Miglioramento dei layout in CSS.

    • Cosa fanno float e clear al layout del documento.

    • L'uso di float e clear.

    • Una revisione degli approcci per allineare gli elementi.

  1. Posizionamento degli Elementi con CSS Parte 1:

    • Esplorazione della proprietà position in CSS.

    • Comprensione del posizionamento relativo.

    • Comprensione del posizionamento assoluto.

    • Controllo della posizione utilizzando le proprietà top, left, right e bottom.

    • Uso di z-index per controllare l'ordine di impilamento degli elementi.

  1. Posizionamento degli Elementi con CSS Parte 2:

    • Impara come posizionare elementi con la proprietà CSS position.

    • Comprendi la differenza tra position: relative e position: absolute.

    • Esplora come utilizzare le proprietà top, left, right e bottom per aggiustare la posizione degli elementi.

    • Scopri come controllare l'ordine di impilamento degli elementi con la proprietà z-index.