Tabla de contenido:
Video: Curso de Arduino 5: Voltajes analógicos y PWM 2025
A veces, es posible que desee seleccionar solo segmentos específicos en su página web HTML5 y CSS3.. Eche un vistazo a cómo debe referirse a alguien que no aprecia su destreza de desarrollo web.
Definir más de un tipo de párrafo
Además de su mérito cultural, esta página es interesante porque tiene tres estilos de párrafo diferentes. El párrafo introductorio es normal. La cita se establece en letra cursiva, y la atribución es monoespaciada y alineada a la derecha.
La cita en el siguiente código fue generada por un gran sitio: el generador de insultos de Shakespeare. Nada es más satisfactorio que decirle a alguien en pentámetro yámbico.
cita. html #quote {font: bold italic 130% Garamond, Comic Sans MS, fantasía; text-align: center;} #attribution {font: 80% monoespacio; text-align: right;}
Cita bibliográfica del día
Cómo decirle a alguien que salga de la manera elegante:
[Thou] chaleco de cuero, botón de cristal, nudos, anillo de ágata, calcetín, caddis-liga, liso- lengua, bolsa española!
-William Shakespeare (Henry IV Parte I)
Estilo de párrafos identificados
Hasta ahora, ha usado CSS para aplicar un estilo particular a un elemento en toda la página. Por ejemplo, puede agregar un estilo a la etiqueta, y ese estilo se aplica a todos los párrafos de la página.
A veces (como en la página de insultos de Shakespeare), quieres darle a un elemento más de un estilo. Puede hacer esto nombrando cada elemento y usando el nombre en la hoja de estilo CSS. Así es cómo funciona:
-
Agregue un atributo de id. A cada elemento HTML que desee modificar.
-
Crea un estilo en CSS.
Use un signo de libra seguido del ID del elemento en CSS para especificar que ya no está hablando de un tipo de etiqueta, sino de un elemento específico: por ejemplo, el código CSS contiene el selector #attribution, que significa, "Aplicar este estilo a un elemento con la identificación de atribución. "
#attribution { -
Agrega el estilo.
Crea un estilo para mostrar tu elemento nombrado. En este caso, quiere que el párrafo con la ID de atribución alineado a la derecha, monoespacio y un poco más pequeño que lo normal. Este estilo se adjuntará solo al elemento específico.
#attribution {font: 80% monoespacio; text-align: right;}
El truco de identificación funciona muy bien en cualquier elemento con nombre. Los ID deben ser únicos , por lo que esta técnica es mejor cuando tiene un estilo que desea aplicar a un solo elemento en la página. No importa qué elemento HTML sea.Si tiene la cita de ID, se le aplica el estilo #quote. Puede tener dos selectores de ID y selectores normales en la misma hoja de estilos.
