Video: Tutorial - Formattazione Testo in CSS (Foglio di Stile) 2024
Adobe Creative Suite 5 (Adobe CS5) La finestra di ispezione Proprietà di Dreamweaver viene utilizzata per applicare tag HTML e creare classi CSS per formattare il colore del testo, il volto, le dimensioni e altre caratteristiche. La finestra di ispezione Proprietà è divisa in due viste: HTML e CSS. È possibile alternarli utilizzando i pulsanti sul lato sinistro del pannello.
Ecco cosa significano tutti i pulsanti della finestra di ispezione Proprietà:
-
Formato (HTML): Utilizza l'elenco a discesa Formato per applicare tag HTML che formattano un intero paragrafo, compresi i tag di intestazione (Titolo da 1 a Titolo 6) generalmente applicati a intestazioni e titoli, tag di paragrafo e tag di testo preformattato. È possibile perfezionare facilmente ciascuno degli attributi di questi tag in un secondo momento utilizzando i CSS.
L'ultima scelta nell'elenco a discesa Formato è Preformattato, consente al browser di visualizzare il testo esattamente nel modo in cui lo hai composto.
-
ID (HTML): Questa impostazione applica uno stile ID CSS a un elemento. Gli ID sono un tipo specifico di regola CSS (o selettore) che vengono utilizzati per memorizzare informazioni di formattazione univoche per un singolo elemento sulla pagina (ad esempio, informazioni sul posizionamento per un contenitore).
-
Classe (HTML): Questo elenco a discesa applica uno stile di classe esistente a una selezione nella pagina. Gli stili di classe possono essere creati con la finestra di ispezione Proprietà o direttamente dal pannello degli stili CSS.
-
Collegamento (HTML): Digitare un collegamento ipertestuale (ad esempio www.wiley.com) o fare clic sull'icona della cartella per navigare e collegarsi a un'altra pagina all'interno del sito Web.
-
Target (HTML): Scegli dove apparirà la destinazione collegata.
-
Grassetto (HTML / CSS): Grassetto testo selezionato.
-
Corsivo (HTML / CSS): Corsivo del testo selezionato.
-
Allineamento (CSS): È possibile fare clic sui pulsanti di allineamento sulla barra degli strumenti per applicare l'allineamento a sinistra, al centro e a destra. Per ripristinare l'allineamento di sinistra predefinito, fai nuovamente clic sul pulsante di allineamento selezionato.
-
Elenco non ordinato (HTML): Inserisci automaticamente i proiettili davanti agli oggetti elencati. Avanzando nell'uso di Cascading Style Sheets, è possibile applicare molti altri attributi agli elenchi, inclusa la personalizzazione dei punti elenco.
-
Elenco ordinato (HTML): Numera automaticamente ogni riga di testo aggiuntiva ogni volta che si preme il tasto Invio (Windows) o A capo (Mac).
Per forzare il testo su un'altra linea senza aggiungere la numerazione automatica, premere Maiusc + Invio (Windows) o Maiusc + Ritorna (Mac).
-
Text Outdent (HTML): Annulla premendo il rientro con il pulsante Text outdent. Questa opzione rimuove il tag
creato dal pulsante Rientro del testo.
-
Indentazione del testo (HTML): Utilizzare questa opzione per rielaborare il testo. Metti semplicemente il cursore nel paragrafo del testo che vuoi far rientrare e premi il tasto Rientro del testo. Viene applicato un tag
.
-
Regola mirata (CSS): Modifica una regola CSS esistente o creane una nuova. Questo elenco a discesa rende chiaro se si sta creando una nuova regola o si modifica una esistente nella finestra di ispezione Proprietà.
-
Pulsanti Modifica regola / Pannello CSS (CSS): Per la regola visualizzata nell'elenco a discesa Regola di destinazione, è possibile modificare le proprietà e i valori per quella regola nella finestra di dialogo Definizione regola CSS o visualizzarla nel pannello Stili CSS a destra, rispettivamente.
-
Carattere (CSS): Il carattere è il carattere tipografico scelto per la visualizzazione del testo. Tieni presente che il tipo di carattere visualizzato dal visualizzatore si basa sulla disponibilità dei caratteri sul computer dell'utente. Per questo motivo, i set di caratteri sono limitati ai font di sistema di base installati nella maggior parte dei computer, indipendentemente dal sistema operativo.
Il visualizzatore potrebbe non disporre di caratteri che si caricano nei set di caratteri, quindi provare ad attenersi a tali tipi di carattere comuni come quelli già inclusi nei set di caratteri di Dreamweaver esistenti.