Come applicare una classe CSS a un'immagine inserita

Con Google a volte cambiando il modo in cui classificano i siti web, come con l'uscita di Google Penguin nell'aprile 2012, le grandi aziende sono in grado di superare le piccole imprese; le grandi aziende possono riprogettare rapidamente il loro sito, mentre le piccole imprese devono deviare le risorse per recuperare. Se il tuo sito web aziendale necessita di una ristrutturazione, è utile aggiungere classi CSS alle immagini: puoi impostare margini di foto standardizzati, immagini mobili o incorporate con didascalie se desideri aggiungere un po 'di codice creativo. Tutte queste cose semplificano il tuo sito web e consentono alla tua azienda di concentrarsi sulla qualità piuttosto che sulla quantità: una delle chiavi per una piccola impresa di successo.

1.

Aprire la pagina Web che si desidera modificare in un editor di testo o in un editor HTML. È inoltre necessario aprire il foglio di stile esterno pertinente, se la pagina Web ne utilizza uno.

2.

Passare alla posizione dell'immagine. Questo dovrebbe essere il tag nel tuo codice di pagina Web.

3.

Aggiungi "class =" myimage "" all'interno del tag img; non ha bisogno di essere in una posizione specifica, come prima di "titolo" o "alt", per funzionare. Ad esempio, se il tuo codice è "

, "dovrebbe diventare:

4.

Passare al proprio stile CSS incorporato o foglio di stile esterno e aggiungere gli attributi che si desidera applicare a tutte le immagini della classe "myimage". Se volessi definire che tutte le tue foto "myimage" galleggiano a sinistra con un piccolo margine tra la foto e il testo, devi digitare:

5.

Salva la tua pagina Web e il foglio di stile esterno, se ne stai utilizzando uno, e apri la pagina Web in qualsiasi browser per vedere il tuo lavoro.

Mancia

• Come con tutti gli stili CSS, utilizzare sempre i due punti invece di un segno di uguale per le definizioni degli attributi e sempre chiudere le definizioni con un punto e virgola per risparmiare tempo per la risoluzione dei problemi.