HTML5 - Tutorial 5: Stili CSS

🙏 Fai una donazione: https://www.paypal.com/paypalme/FrancescaMartorana 🌍 Scrivimi attraverso il modulo contatti del mio sito: https://www.fantasticamenteing.com/ 💻 #HTML5 - Tutorial 5: HTML stile CSS Questa playlist è rivolta a chiunque voglia imparare a creare un sito web da zero in HTML. In questo tutorial del corso di HTML (in italiano) continueremo a parlare di #stile introducendo i #CSS: • Cos'è il CSS? • Utilizzo dei CSS (fogli di stile css) • CSS in linea • CSS interno (fogli di stile interni) • CSS esterno (fogli di stile esterni) • Come collegare un CSS esterno 📌 Cos'è il CSS? CSS è l'acronimo di Cascading Style Sheets letteralmente "Fogli di stile a cascata" I fogli di stile a cascata (CSS) vengono utilizzati per formattare il layout di una pagina web. Con i CSS, puoi controllare il colore, il carattere, la dimensione del testo, la spaziatura tra gli elementi, il modo in cui gli elementi sono posizionati e disposti, quali immagini di sfondo o colori di sfondo devono essere utilizzati, diverse visualizzazioni per diversi dispositivi e dimensioni dello schermo e molto di più! NB: la parola cascata significa che uno stile applicato a un elemento padre si applicherà anche a tutti gli elementi figli all'interno dell'elemento padre. Quindi, se imposti il ​​colore del corpo del testo su "blu", anche tutti i titoli, i paragrafi e gli altri elementi di testo all'interno del corpo avranno lo stesso colore (a meno che non specifichi altro!). 📌 Utilizzo dei CSS I CSS possono essere aggiunti ai documenti HTML in 3 modi, si ha così ▶ CSS in linea: utilizzando l' attributo style all'interno degli elementi HTML ▶ CSS Interno: utilizzando un elemento ＜style＞ nella sezione ＜head＞ ▶ CSS Esterno: utilizzando un elemento ＜link＞ per collegarsi a un file CSS esterno Il modo più comune per aggiungere CSS è mantenere gli stili in file CSS esterni. Tuttavia, nei miei tutorial userò gli stili in linea e interni, perché sono i modi più semplici da dimostrare e più facili per voi da provare. 📌 CSS in linea Un CSS in linea viene utilizzato per applicare uno stile univoco a un singolo elemento HTML. Un CSS in linea utilizza l' attributo style di un elemento HTML. 📌 CSS interno Un CSS interno viene utilizzato per definire uno stile per una singola pagina HTML. Un CSS interno è definito nella sezione ＜head＞ di una pagina HTML, all'interno di un elemento ＜style＞. 📌 CSS esterno Un foglio di stile esterno viene utilizzato per definire lo stile per molte pagine HTML. Per utilizzare un foglio di stile esterno, aggiungi un collegamento ad esso nella sezione ＜head＞ di ogni pagina HTML. Il foglio di stile esterno può essere scritto in qualsiasi editor di testo e deve essere salvato con estensione .css ( ad esempio "styles.css" ) Guarda il tutorial per esempi pratici ed ulteriori spiegazioni. 🇬🇧 ENGLISH VERSION 🇬🇧 📌 What is CSS? Cascading Style Sheets (CSS) is used to format the layout of a webpage. With CSS, you can control the color, font, the size of text, the spacing between elements, how elements are positioned and laid out, what background images or background colors are to be used, different displays for different devices and screen sizes, and much more! 📌 Using CSS CSS can be added to HTML documents in 3 ways: ▶ Inline - by using the style attribute inside HTML elements ▶ Internal - by using a ＜style＞ element in the ＜head＞ section ▶ External - by using a ＜link＞ element to link to an external CSS file 📌 Inline CSS An inline CSS is used to apply a unique style to a single HTML element. An inline CSS uses the style attribute of an HTML element. 📌 Internal CSS An internal CSS is used to define a style for a single HTML page. An internal CSS is defined in the ＜head＞ section of an HTML page, within a ＜style＞ element. 📌 External CSS An external style sheet is used to define the style for many HTML pages. To use an external style sheet, add a link to it in the ＜head＞ section of each HTML page: 💼 Ing. Francesca Martorana