Video: Come cambiare fonts in WordPress ? 2024
La finestra di ispezione Proprietà, accessibile dalla parte inferiore dell'area di lavoro di Dreamweaver, visualizza le proprietà disponibili per qualsiasi elemento selezionato nella pagina. Pertanto, le opzioni nella finestra di ispezione Proprietà sono diverse quando viene selezionata un'immagine rispetto a quando viene selezionato il testo, ad esempio.
Quando non è selezionato nulla o quando si seleziona il testo su una pagina, la finestra di ispezione Proprietà è suddivisa in due sezioni: HTML e CSS.
Notare che i pulsanti sul lato sinistro della finestra di ispezione Proprietà rendono facile passare da una modalità all'altra.
Se sei nuovo in CSS e HTML, capire le differenze tra queste due modalità può essere un po 'confuso. In sostanza, se si utilizza un'icona di formattazione come grassetto in modalità HTML, Dreamweaver aggiunge il tag HTML , che rende il testo visualizzato in grassetto nella maggior parte dei browser Web. Se si utilizza la stessa icona in modalità CSS, Dreamweaver crea automaticamente una regola di stile che include l'opzione di formattazione in grassetto.
In modalità CSS, puoi anche scegliere di modificare gli stili esistenti per aggiungere nuove opzioni di formattazione agli stili che sono già applicati a testo, immagini o altri elementi in una pagina. È possibile modificare uno stile esistente semplicemente selezionando lo stile nell'elenco a discesa Regola target e quindi utilizzando Font, Dimensioni e altri campi nella finestra di ispezione Proprietà per apportare modifiche o aggiunte.
Ogni volta che si modifica uno stile esistente che è già stato applicato a elementi in una pagina, le modifiche apportate allo stile vengono applicate automaticamente ovunque lo stile venga utilizzato. Questa funzione è meravigliosa quando vuoi cambiare diverse cose contemporaneamente, ma può essere problematico se vuoi far apparire un elemento (come un'intestazione) in un modo su una pagina e in un altro modo da un'altra parte.
Ogni volta che si desidera creare o modificare uno stile, utilizzare la finestra di ispezione Proprietà in modalità CSS. D'altra parte, per applicare uno stile esistente a un elemento nella pagina, assicurati di essere in modalità HTML. Ad esempio, per allineare un'immagine con uno stile di classe o applicare uno stile ID a un tag, è necessario essere in modalità HTML.
Per applicare uno stile in modalità HTML, selezionare l'immagine, il testo o un altro elemento nella pagina in cui si desidera applicare lo stile e quindi utilizzare gli elenchi a discesa Classe o ID per selezionare lo stile; Dreamweaver lo applica automaticamente.
Allo stesso modo, per applicare un tag HTML, come il tag
, dovresti essere in modalità HTML. Ma puoi creare o modificare una regola CSS per il tag
in modalità CSS. Naturalmente, non è necessario creare o modificare gli stili con la finestra di ispezione Proprietà.Considera questo un metodo di scelta rapida; potresti comunque preferire di utilizzare il pannello Designer CSS per apportare modifiche significative a uno stile.
