Så här applicerar du en CSS-klass till en infogad bild

Med Google ändras ibland hur de rankar webbplatser, som med utgåvan av Google Penguin i april 2012, stora företag kan överskrida småföretag, De större företagen kan snabbt redesigna sin webbplats, medan småföretag måste avleda resurser för att komma ikapp. Om din företagswebbplats behöver omstruktureras, är det bra att lägga till CSS-klasser till bilder: du kan ställa in standardiserade fotomarginaler, flytta eller bädda in bilder med bildtexter om du vill lägga till lite kreativ kod. Alla dessa saker effektiviserar din webbplats och låter ditt företag fokusera på kvalitet över kvantitet - en av nycklarna till ett framgångsrikt litet företag.

1.

Öppna webbsidan som du vill redigera i en textredigerare eller HTML-editor. Du måste också öppna det relevanta externa stilarket om din webbsida använder en.

2.

Bläddra till bildplatsen. Detta borde vara tagga in din webbsida kod.

3.

Lägg till 'class = "myimage"' inom img-taggen; det behöver inte vara på en viss plats, till exempel före "title" eller "alt" för att fungera. Till exempel, om din kod är "

, "det borde bli:

4.

Bläddra till din inbäddade CSS-stil eller det externa stilarket och lägg till de attribut du vill tillämpa på alla bilder i klassen "myimage". Om du ville definiera att alla dina "myimage" -bilder flyter till vänster med en liten marginal mellan fotot och texten, skriver du:

5.

Spara din webbsida och externt stilark, om du använder en, och öppna webbsidan i en webbläsare för att se ditt arbete.

Tips

  • Som med alla CSS-format, använd alltid ett kolon istället för ett jämlikt tecken för attributdefinitioner och stäng alltid definitioner med en halvkolon för att spara lite felsökningstid.

Rekommenderas