• Publicidad
  • Contacto
Pixelco Tech News
  • 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 News
  • 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 News
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

C-Lab de Samsung recibe 29 premios CES a la Innovación

CES 2023: Un futuro sostenible gracias a la conectividad

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

C-Lab de Samsung recibe 29 premios CES a la Innovación

18/01/2023

CES 2023: Un futuro sostenible gracias a la conectividad

16/01/2023

Samsung comparte su visión para llevar la calma a la experiencia de los dispositivos conectados en CES 2023

11/01/2023

Estudio: Los relojes inteligentes ayudan a prevenir o reducir la obesidad

26/12/2022

Sáquele provecho a las características de un TV 8K

21/12/2022

Ventajas de un proyector portátil de 100 pulgadas

19/12/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.