Читать книгу El gran libro de HTML5, CSS3 y Javascript - Diego Gauchat Juan - Страница 55

Al declarar de la regla CSS con la palabra clave del elemento ésta afectará a todos los elementos del mismo tipo en el documento. Por ejemplo, la siguiente regla cambiará los estilos de los elementos <p>:

Código 2-8

Referencias por palabra clave.

Al colocar la clave p frente a la regla, le indicamos al navegador que esta regla se debe aplicar a cada elemento <p> del documento HTML. En consecuencia, todos los textos encerrados entre etiquetas por <p> tendrán un tamaño de 20 px. Por supuesto, el mismo principio funcionará para cualquier otro elemento HTML en el documento. Si se especifica la palabra clave span en lugar de p, por ejemplo, cada texto entre etiquetas <span> tendrá un tamaño de 20 px.

Código 2-9

Referencia por otra palabra clave.

Pero, ¿qué pasa si solo se necesita hacer referencia a una etiqueta específica? ¿Es necesario utilizar el atributo de estilo dentro de esa etiqueta? La respuesta es no. Como hemos comentado antes, el método de estilos en línea (aplicado mediante el atributo style ubicado dentro de las etiquetas HTML) es una técnica en desuso, y su uso debe reservarse solo para propósitos de prueba. Para seleccionar un elemento específico del código HTML de las reglas en nuestro archivo CSS, podemos utilizar alguno de estos dos atributos: id y clase.