La creazione di una regola CSS consente di automatizzare la formattazione dei tag HTML o di una parte di testo identificata dall'attributo class o ID.

  1. Posizionate il punto di inserimento nel documento, quindi aprite la finestra di dialogo Nuova regola CSS effettuando una delle seguenti operazioni:
    • Selezionate Formato > Stili CSS > Nuovo.
    • Nel pannello Stili CSS (Finestra > Stili CSS), fate clic sul pulsante Nuova regola CSS (+) situato nella parte inferiore destra.
    • Selezionate del testo nella finestra del documento, selezionate Nuova regola CSS dal menu a comparsa Regola di destinazione nella finestra di ispezione Proprietà CSS (Finestra > Proprietà), quindi fate clic sul pulsante Modifica regola oppure selezionate un'opzione nella finestra di ispezione Proprietà (ad esempio, fate clic sul pulsante Grassetto) per avviare la creazione di una nuova regola.
  2. Nella finestra di dialogo Nuova regola CSS, specificate il tipo di selettore per la regola CSS che desiderate creare:
    • Per creare uno stile personalizzato che possa essere applicato come attributo class a qualsiasi elemento HTML, selezionate l'opzione Classe dal menu a comparsa Tipo di selettore, quindi inserite un nome per lo stile nella casella di testo Nome selettore.

    Nota:

    i nomi di classe devono iniziare con un punto e possono contenere una qualsiasi combinazione di lettere e di numeri (ad esempio, .intestazione1). Se non inserite un punto iniziale, Dreamweaver lo aggiunge automaticamente.

    • Per definire la formattazione di un tag che contiene un attributo ID specifico, selezionate l'opzione ID dal menu a comparsa Tipo di selettore, quindi inserite l'ID univoco (ad esempio, DIVcontenitore) nella casella di testo Nome selettore.

    Nota:

    gli ID devono iniziare con un cancelletto (#) e possono contenere qualsiasi combinazione di lettere e numeri (ad esempio, #mioID1). Se non inserite il cancelletto iniziale, Dreamweaver lo aggiunge automaticamente.

    • Per ridefinire la formattazione predefinita di un tag HTML specifico, selezionate l'opzione Tag dal menu a comparsa Tipo di selettore, quindi inserite un tag HTML nella casella di testo Nome selettore o selezionatene uno dal menu a comparsa.
    • Per definire una regola composta che abbia effetto contemporaneamente su due o più tag, classi o ID, selezionate l'opzione Composto e inserite i selettori per la regola composta. Se ad esempio specificate div p, la regola avrà effetto su tutti gli elementi p nei tag div. Mentre aggiungete o eliminate i selettori, un'area di testo descrittiva spiega esattamente quali elementi saranno influenzati dalla regola.
  3. Selezionate la posizione in cui volete definire la regola, quindi fate clic su OK:
    • Per inserire la regola in un foglio di stile già associato al documento, selezionate il foglio di stile.
    • Per creare un foglio di stile esterno, selezionate Nuovo file foglio di stile.
    • Per incorporare lo stile nel documento corrente, selezionate Solo questo documento.
  4. Nella finestra di dialogo Definizione regola CSS, selezionate le opzioni di stile che desiderate impostare per la nuova regola CSS. Per ulteriori informazioni, consultate la sezione che segue:
  5. Una volta impostate tutte le proprietà di stile, fate clic su OK.

    Nota:

    Se fate clic su OK senza aver impostato le opzioni di stile, viene creata una nuova regola vuota.

Questo prodotto è concesso in licenza in base alla licenza di Attribuzione-Non commerciale-Condividi allo stesso modo 3.0 Unported di Creative Commons.  I post su Twitter™ e Facebook non sono coperti dai termini di Creative Commons.

Note legali   |   Informativa sulla privacy online