3.37 Vediamo i Selettori Combinatori Una categoria fondamentale di selettori CSS è rappresentata dai cosiddetti combinatori (detti anche selettori di relazione). Hanno la funzione di mettere in relazione elementi presenti all’interno dell’albero del documento. Sono quattro: Selettore Simbolo Selettore di discendenti Selettore di figli > Selettore di fratelli adiacenti + Selettore generale di fratelli ~ Analizziamoli nel … Leggi tutto
3.25 I Tipi Base di Selettori più usati nei CSS Gran parte della specifica CSS2.1 è incentrata sull’esame delle diverse proprietà utili per la definizione dell’aspetto visuale degli elementi e delle sezioni di una pagina. Tuttavia, prima di procedere, è cruciale comprendere come queste proprietà vengano assegnate. Questo costituirà l’argomento delle prossime cinque lezioni. Come … Leggi tutto
3.24 Dove possiamo intervenire sugli attributi delle Media Queries Nella lezione precedente, abbiamo esaminato le nozioni di base relative alle media queries. Tuttavia, per sfruttare appieno le loro potenzialità, è essenziale comprendere le caratteristiche dei media su cui possiamo intervenire per indirizzare uno stile specifico. Width Il termine “width” fa riferimento alla larghezza dell’area di … Leggi tutto
3.24 Servire CSS Diversi a seconda del dispositivo di visualizzazione Sin dalle prime specifiche dei CSS, è stato previsto un meccanismo per l’adattamento dei fogli di stile in base al dispositivo di visualizzazione. Questo meccanismo fa uso dell’attributo “media” e dei vari tipi di media. La sua utilità massima si trova forse nei CSS destinati … Leggi tutto
3.23 Personalizzare i Fogli di Stile in Base al Dispositivo di Visualizzazione Sintassi L’attributo “media” può essere utilizzato sia con l’elemento <link> che con l’elemento <style>. Ecco due esempi di sintassi: Utilizzando l’elemento <link>: <link href=”print.css” media=”print” rel=”stylesheet”> Utilizzando l’elemento <style>: <style media=”screen”> regole CSS… </style> Per sfruttare appieno questa opzione, è … Leggi tutto
3.22 Come Inserire in un documento HTML un Foglio di Stile Esistono diverse metodologie per incorporare i fogli di stile CSS in un documento. Per comprendere questo processo, è essenziale inizialmente chiarire la distinzione fondamentale tra fogli di stile esterni e quelli interni. CSS Esterni e Interni Un foglio di stile viene considerato esterno quando … Leggi tutto
3.21 Tutte le grandezze e le unità di misura utilizzate nei CSS, dalla grandezza dei caratteri alle unità di tempo. Abbiamo appreso che è possibile configurare una proprietà CSS assegnando valori specifici. In questa lezione, esamineremo i diversi tipi di valori e unità di misura utilizzabili per definire tali proprietà. Tuttavia, prima di procedere, è … Leggi tutto
3.20 Vediamo qual è La struttura di un foglio di stile Esaminiamo questa sezione di codice: body { background: white; color: black; } /* Stili per i titoli h1 */h1 {color: red;font: 36px Helvetica, Arial, sans-serif;} /* Colore del testo delle liste */li {color: green;} /* Colore dei titoli h1 per la stampa */@media print … Leggi tutto
3.19 Comprendere i componenti di una pagina web: gli elementi di tipo blocco, di tipo in linea e i sostituti, nonché la configurazione gerarchica tramite la struttura ad albero. Prima di immergerci nei dettagli del linguaggio CSS, è essenziale approfondire alcuni principi fondamentali associati all’HTML. Questi argomenti forniscono una base essenziale per una migliore comprensione … Leggi tutto
3.18 Cosa sono e a cosa servono i CSS L’acronimo CSS, che sta per Cascading Style Sheets (fogli di stile a cascata), identifica un linguaggio di stile utilizzato per la formattazione dei documenti web. I CSS forniscono istruzioni a un browser o a un altro software utente su come presentare il documento all’utente. Questo comprende … Leggi tutto
