La Red de Conocimientos Pedagógicos - Currículum vitae - selector css

selector css

CSS (Hoja de estilo en cascada), traducida al chino como Hoja de estilo en cascada, permite a los diseñadores controlar de forma cómoda y flexible la apariencia de las páginas web. CSS fue revisado y aprobado por el W3C en 1996 y recomendado para su uso. La introducción de CSS tiene como objetivo hacer que el lenguaje HTML se adapte mejor al diseño artístico de las páginas web. Para obtener especificaciones detalladas de CSS, consulte el manual de CSS o inicie sesión en el sitio web oficial del W3C (http://www.w3c.org).

Al utilizar CSS, es necesario comprender los diversos selectores utilizados habitualmente.

1. Selector de etiquetas:

Una página HTML consta de muchas etiquetas diferentes y el selector de CSS declara qué etiquetas usan qué estilo CSS. El nombre de cada etiqueta HTML se puede utilizar como nombre del selector de etiquetas correspondiente. Ejemplo:

Cada selector contiene el selector en sí, atributos y valores. Se pueden establecer múltiples atributos y valores, lo que permite declarar múltiples estilos para el mismo nombre de etiqueta. El lenguaje CSS tiene requisitos relativamente estrictos para todos los atributos y valores. Si el atributo declarado no está en la especificación CSS, o el valor de un determinado atributo no cumple con los requisitos del atributo, la declaración CSS no será válida. También hay un selector comodín "*", lo que significa que el estilo establecido en él se aplicará a todos los elementos de la página web.

Ejemplo:

selector de clase

< / p>

selector de clase 1

selector de clase 2

h3 usa la clase

Selector de ID

Selector de ID 1

Selector de ID 2

Selector de intersecciones

Texto de párrafo normal (azul)...

Texto de título normal (negro)...

Texto de párrafo (rojo) con la extensión . categoría especial especificada...

Texto del título (verde) con la categoría .especial especificada...

> Selector de unión

Texto de ejemplo h1...

Texto de ejemplo h2……

Texto de ejemplo h3……

Texto de ejemplo p1… …

Texto de ejemplo p2...

Texto de ejemplo p3...

Selector de descendientes

El anidamiento es un método de marcar con CSS (rojo)

Las etiquetas (negras) fuera del anidamiento no son efectivas

:hover :visited :active :first -line :primera letra :primer-hijo :n-ésimo-niño :n-ésimo-de-tipo :n-ésimo-último-hijo

:nésimo-último-tipo