So wenden Sie eine CSS-Klasse auf ein eingefügtes Bild an
Mit der gelegentlichen Änderung der Rangfolge von Websites durch Google, z. B. mit der Veröffentlichung von Google Penguin im April 2012, sind große Unternehmen in der Lage, kleine Unternehmen zu übertreffen. Die größeren Unternehmen können ihre Website schnell umgestalten, während kleine Unternehmen Ressourcen aufbringen müssen, um aufzuholen. Wenn Ihre Geschäftswebsite umstrukturiert werden muss, ist das Hinzufügen von CSS-Klassen zu Bildern hilfreich. Sie können standardisierte Fotoränder einrichten und Bilder mit Untertiteln verschieben oder einbetten, wenn Sie kreativen Code hinzufügen möchten. All diese Dinge rationalisieren Ihre Website und ermöglichen es Ihrem Unternehmen, sich auf Qualität statt Quantität zu konzentrieren - einer der Schlüssel zu einem erfolgreichen Kleinunternehmen.
1
Öffnen Sie die Webseite, die Sie bearbeiten möchten, in einem Texteditor oder HTML-Editor. Sie müssen auch das entsprechende externe Stylesheet öffnen, wenn Ihre Webseite eines verwendet.
2
Navigieren Sie zum Bildspeicherort. Das sollte das sein Tag in Ihrem Webseitencode.
3.
Fügen Sie 'class = "myimage"' im img-Tag hinzu. Es muss sich nicht an einem bestimmten Ort befinden, z. B. vor "title" oder "alt", um zu funktionieren. Zum Beispiel, wenn Ihr Code "
4
Navigieren Sie zu Ihrem eingebetteten CSS-Stil oder externen Stylesheet und fügen Sie allen Bildern der Klasse "myimage" die gewünschten Attribute hinzu. Wenn Sie festlegen möchten, dass alle "myimage" -Fotos mit einem kleinen Rand zwischen Foto und Text nach links verschoben werden, geben Sie Folgendes ein:
5
Speichern Sie Ihre Webseite und Ihr externes Stylesheet, falls Sie eines verwenden, und öffnen Sie die Webseite in einem beliebigen Browser, um Ihre Arbeit anzuzeigen.
Spitze
- Verwenden Sie wie bei allen CSS-Stilen immer einen Doppelpunkt anstelle eines Gleichheitszeichens für Attributdefinitionen und schließen Sie die Definitionen immer mit einem Semikolon, um Zeit für die Problembehandlung zu sparen.