Personalizar etiquetas HTML con reglas CSS - El selector HTML
Una de las razones por las que CSS es tan popular es la versatilidad que brinda a las etiquetas HTML. Aunque no puede "desactivar" los controles integrados de la etiqueta, puede agregar más controles a las etiquetas HTML para ampliar su utilidad. Para ello, agregue nuevas definiciones CSS al selector de etiquetas. Usemos el HTML

etiqueta para nuestro ejemplo y agregaremos un color de fondo, una cara de fuente, tamaño de fuente y un control de color de texto al

etiqueta. Esto hará que todo entre cualquier apertura y cierre

etiquetas para ser controladas por nuestras nuevas definiciones en toda la página web.

pag {
color de fondo: # 000000;
font-family: arial;
tamaño de fuente: 12px;
color: #ffffff;
}

En nuestro ejemplo, la regla CSS comienza con el selector HTML (p) que es seguido por el bloque de declaración CSS que contiene todas las definiciones de valor de propiedad que deseamos agregar. Como de costumbre, cada definición comienza con la propiedad, seguida de dos puntos, el valor y termina con un punto y coma. Todo el bloque se coloca entre llaves. Hay algunas cosas para recordar al escribir sus propias reglas CSS para etiquetas HTML.

  • Puede colocar su regla CSS personalizada dentro de las etiquetas en la sección principal de su página web.

  • Puede colocar su regla CSS personalizada dentro de un archivo CSS externo.

  • Las definiciones CSS personalizadas que agregue a un selector de etiquetas en particular deben contener propiedades que esa etiqueta pueda controlar.

  • Debido a que coloca la regla personalizada en la sección principal o en el archivo CSS externo, afectará a toda la página web. Si solo necesita controlar una etiqueta HTML individual (una instancia especial de una etiqueta), aplicaría un estilo en línea a esa etiqueta individual.

  • La etiqueta mantiene las propiedades integradas de esa etiqueta HTML. Por ejemplo, el HTML la etiqueta en negrita continuará aplicando el efecto de negrita a cualquier texto colocado entre la apertura y el cierre Etiquetas




Instrucciones De Vídeo: Curso de HTML y CSS #11 - CSS: Selectores simples (Abril 2024).