• Publicidad
  • Contacto
Pixelco Tech Blog
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco Tech Blog
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco Tech Blog
Sin resultados
Ver todos los resultados

Usando múltiples clases

Diego CambiasoporDiego Cambiaso
09/05/2009
enSin categoría
Tiempo de lectura2 minutos
0

Cuando estructuramos una página web usamos los atributos Id y Class para identificar los elementos. El atributo id proporciona un identificador único en toda la página a dicho elemento, mientras que el atributo class asigna un nombre o un conjunto de nombres a uno o varios elementos en una página.

Podemos usar el valor del id y asociarlo a una CSS o a un script, lo mismo lo podemos aplicar para el atributo class, pero dado que class se puede repetir y que a cada atributo class podemos asignarles varios valores veremos como podemos usar esto para asociarlo en este caso a una CSS.

El ejemplo es muy sencillo, si tenemos un título h1 con un atributo class=”tipo color alineacion” lo que estamos haciendo es dándole al atributo class tres valores, en este caso: tipo, color, alineación.

EntradasRelacionados

+TV by Members una aplicación de fidelización en la que pertenecer tiene beneficios

Business TV la solución de Samsung para mostrar contenido personalizado en los televisores de tu negocio

Como dijimos que lo vamos asociar a una CSS, deberíamos tener definida unas reglas así en la CSS:

tipo {font: 2em, bold;}
color {color: navy;}
alineacion {text-align: center;}

El resultado sería que h1 quería definido con un tamaño de fuente de 2em en negritas, en color azul marino y alineado al centro. Particularmente solo una vez asocié tres valores a una clase, un valor para asociarle un estilo definido en una CSS y los otros dos valores para usarlos en un script.

tags: css, class, id, multiples valores, atributo class

Tags: CSSCSS
Diego Cambiaso

Diego Cambiaso

Comunicador Social y Desarrollador de Software. Blogger desde el 2006, creador de Pixelco Tech News. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT

RelacionadoEntradas

Template Vamp – Descubre una plantilla gratuita en HTML5 y CSS3

02/11/2014

Minimal Multi Purpose: Descubre un theme responsive con un diseño minimalista

02/03/2014

Te mostramos una serie de flechas animadas realizadas con CSS3

27/10/2013

jq-tiles: Conoce un plugin para realizar slideshows con CSS3

03/02/2013

+TV by Members una aplicación de fidelización en la que pertenecer tiene beneficios

24/05/2022

Business TV la solución de Samsung para mostrar contenido personalizado en los televisores de tu negocio

19/05/2022

Huawei lanza el nova Y70, el smartphone que se convierte en power bank

17/05/2022

Bespoke: la nueva línea de neveras modulares y personalizables

13/05/2022

Nuevos audífonos Xiaomi Buds 3 y Xiaomi Buds 3T Pro

05/05/2022

Nueva Series 12 de Xiaomi – Detalles y ficha técnica

05/05/2022

Pixelco Tech

Pixelcoes sitio de noticias de tecnología, diseño y desarrollo web e Internet escrito por profesionales.

Objetivo de Pixelco

Informar, promocionar, proporcionar recursos y ayuda sobre el diseño y desarrollo web, estándares, Internet y tecnología.

Buscar

Sin resultados
Ver todos los resultados

© 2022 Pixelco Tech News - Internet & Tecnología - Por Diego Cambiaso.

  • Publicidad
  • Contacto
  • Política de Privacidad
  • Sobre Pixelco
  • Internet
    • Recursos
    • Diseño
    • Desarrollo/programación
  • Tecnología
  • Noticias
  • Fotografía

© 2022 Pixelco Tech News - Internet & Tecnología - Por Diego Cambiaso.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies Política de privacidad.