Slik bruker du en CSS-klasse til et innstilt bilde

Med Google endrer de til og med måten de rangerer nettsteder på, som med utgivelsen av Google Penguin i april 2012, store selskaper er i stand til å overskride små bedrifter; De større selskapene kan raskt designe nettstedet deres, mens små bedrifter trenger å avlede ressurser for å fange opp. Hvis bedriftens nettside trenger restrukturering, kan du legge til CSS-klasser til bilder, og du kan sette opp standardiserte fotomarginer, flytende eller innebygge bilder med bildetekster hvis du vil legge til litt kreativ kode. Alle disse tingene strømlinjeforme nettstedet ditt og la virksomheten din fokusere på kvalitet over kvantitet - en av nøklene til en vellykket liten bedrift.

1.

Åpne nettsiden du vil redigere i en tekstredigerer eller HTML-editor. Du må også åpne det aktuelle eksterne stilarket hvis websiden din bruker en.

2.

Bla til bildeplasseringen. Dette burde være tag i nettsiden din kode.

3.

Legg til 'class = "myimage"' innenfor img-taggen; det trenger ikke å være i et bestemt sted, for eksempel før "tittel" eller "alt" for å fungere. For eksempel, hvis koden din er "

, "det burde bli:

4.

Bla gjennom din innebygde CSS-stil eller ekstern stilark og legg til attributter du vil bruke på alle bildene av "myimage" -kursen. Hvis du vil definere at alle dine "myimage" -fotografier flyter til venstre med en liten margin mellom bildet og teksten, skriver du:

5.

Lagre websiden din og eksternt stilark, hvis du bruker en, og åpne websiden i en hvilken som helst nettleser for å se arbeidet ditt.

Tips

• Som med alle CSS-stiler, bruk alltid et kolon i stedet for et like tegn for attributtdefinisjoner og alltid lukk definisjoner med et halvt kolon for å spare deg selv litt feilsøkingstid.