Come creare un nuovo stile di tag in Adobe Dreamweaver CS6 - dummies

La creazione di uno stile di tag (o selettore di tipo ) in Adobe Dreamweaver CS6 è un percorso semplice e sicuro per i nuovi utenti per capire il CSS perché targetizza tag HTML esistenti, come P, H1 e H2.

Usando i tag esistenti sulla tua pagina, puoi scegliere di applicare la formattazione automatica ovunque vengano utilizzati determinati tag HTML. Ad esempio, puoi rendere qualsiasi testo all'interno di un

(Titolo 1) tag automaticamente in grassetto, 36 pixel e rosso.

Per creare uno stile di tag con la finestra di ispezione Proprietà, segui questi passaggi:

1. Apri una pagina HTML che contiene testo.

2. Nella finestra di ispezione Proprietà, fare clic sul pulsante HTML sul lato sinistro del pannello per visualizzare la finestra di ispezione Proprietà in visualizzazione HTML.

3. Selezionare una riga di testo e evidenziarla facendo clic sul pulsante B situato nella finestra di ispezione Proprietà.

4. Passa alla visualizzazione CSS della finestra di ispezione Proprietà facendo clic sul pulsante CSS sul lato sinistro del pannello.

   L'obiettivo è di assegnare informazioni di stile definitive al tag che mette in grassetto il testo, quindi anche qualsiasi testo in grassetto sulla pagina appare rosso.

5. Lascia il testo in grassetto selezionato, e nella finestra di ispezione Proprietà seleziona dall'elenco a discesa Regola target.

6. Con il testo ancora selezionato, utilizzare il selettore dei colori sul lato destro della finestra di ispezione Proprietà (situato sotto i pulsanti B e I) per selezionare un colore rosso da applicare al testo selezionato in grassetto.

   Viene visualizzata la finestra di dialogo Nuova regola CSS.

   

7. Dall'elenco a discesa Tipo di selettore, scegliere Tag (ridefinisce un elemento HTML); scegliere Forte dall'elenco a discesa Nome selettore; scegliere (solo questo documento) dall'elenco a discesa Definizione regola.

   Il tipo di selettore determina il modo in cui la formattazione verrà applicata a un tag HTML selezionato nella pagina. Gli stili di tag vengono applicati automaticamente ovunque l'elemento venga visualizzato sulla pagina.

8. Fare clic su OK per creare il nuovo stile di tag e chiudere il pannello.

   Ora, ogni volta che si applica il tag per rendere il testo in grassetto (utilizzando il pulsante B o altre scorciatoie), anche il testo in grassetto appare rosso. Hai creato uno stile di tag che determina il modo in cui il testo in grassetto appare ogni volta che appare in un documento.

È possibile perfezionare ulteriormente questo nuovo stile di tag selezionando qualsiasi testo in grassetto e continuando a modificare le proprietà del testo dalla finestra di ispezione Proprietà.

Se desideri modificare e perfezionare la regola che hai creato, puoi fare clic sul pulsante Modifica regola sotto l'elenco a discesa Regola target per aprire la finestra di dialogo Definizione regola CSS. Questa finestra di dialogo si apre per impostazione predefinita alla categoria Tipo, in cui è possibile modificare le proprietà relative al tipo.

Quando hai finito di perfezionare lo stile del tag, fai clic su Applica nella parte inferiore della finestra di dialogo per vedere le tue modifiche. Puoi anche fare clic su OK per applicare le modifiche e uscire dalla finestra di dialogo.