Cómo aplicar una clase CSS a una imagen insertada
Con Google cambiando ocasionalmente la forma en que clasifican los sitios web, al igual que con el lanzamiento de Google Penguin en abril de 2012, las grandes empresas pueden superar a las pequeñas empresas; las empresas más grandes pueden rediseñar rápidamente su sitio, mientras que las pequeñas empresas deben desviar recursos para ponerse al día. Si su sitio web empresarial necesita una reestructuración, agregar clases CSS a las imágenes es útil: puede configurar márgenes de fotos estandarizados, imágenes flotantes o incrustadas con subtítulos si desea agregar un poco de código creativo. Todas estas cosas agilizan su sitio web y permiten que su empresa se centre en la calidad sobre la cantidad, una de las claves para una pequeña empresa exitosa.
1.
Abra la página web que desea editar en un editor de texto o editor HTML. También debe abrir la hoja de estilo externa relevante, si su página Web usa una.
2.
Busque la ubicación de la imagen. Este debería ser el etiqueta en el código de su página web.
3.
Agregue 'class = "myimage"' dentro de la etiqueta img; no necesita estar en una ubicación específica, como antes del "título" o "alt", para funcionar. Por ejemplo, si su código es "
4.
Busque el estilo CSS incorporado o la hoja de estilo externa y agregue los atributos que desea aplicar a todas las imágenes de la clase "myimage". Si quisieras definir que todas tus fotos de "myimage" floten hacia la izquierda con un pequeño margen entre la foto y el texto, deberías escribir:
5.
Guarde su página web y la hoja de estilo externa, si está usando una, y abra la página web en cualquier navegador para ver su trabajo.
Propina
- Al igual que con todos los estilos CSS, siempre use un signo de dos puntos en lugar de un signo igual para las definiciones de atributos y siempre cierre las definiciones con un punto y coma para ahorrarse un tiempo de solución de problemas.