Todas las etiquetas de css

Inicio » Todas las etiquetas de css

Selector de etiquetas Css

Las hojas de estilo consisten en una secuencia de reglas de estilo. Una regla de estilo se compone de un selector y una declaración. El selector especifica a qué widgets afecta la regla; la declaración especifica qué propiedades deben establecerse en el widget. Por ejemplo:

En la regla de estilo anterior, QPushButton es el selector y { color: rojo } es la declaración. La regla especifica que QPushButton y sus subclases (por ejemplo, MyPushButton) deben usar el rojo como color de primer plano.

Para estilizar widgets complejos, es necesario acceder a los subcontroles del widget, como el botón desplegable de un QComboBox o las flechas arriba y abajo de un QSpinBox. Los selectores pueden contener subcontroles que permiten restringir la aplicación de una regla a subcontroles específicos del widget. Por ejemplo:

Los subcontroles siempre se posicionan con respecto a otro elemento, un elemento de referencia. Este elemento de referencia puede ser el widget u otro subcontrol. Por ejemplo, el ::drop-down de un QComboBox se coloca, por defecto, en la esquina superior derecha del rectángulo Padding del QComboBox. El ::drop-down se coloca, por defecto, en el Centro del rectángulo de Contenido del ::drop-down Sub-control. Vea la Lista de Widgets Estilizables más abajo para conocer los Subcontroles que se pueden utilizar para estilizar un widget y sus posiciones por defecto.

Ejemplos de CSS

CSS está diseñado para permitir la separación de la presentación y el contenido, incluyendo el diseño, los colores y las fuentes[3]. Esta separación puede mejorar la accesibilidad del contenido; proporcionar más flexibilidad y control en la especificación de las características de la presentación; permitir que múltiples páginas web compartan el formato especificando el CSS relevante en un archivo .css separado, lo que reduce la complejidad y la repetición en el contenido estructural; y permitir que el archivo .css se almacene en la caché para mejorar la velocidad de carga de la página entre las páginas que comparten el archivo y su formato.

La separación del formato y el contenido también hace posible presentar la misma página de marcado en diferentes estilos para diferentes métodos de representación, como en pantalla, en impresión, por voz (a través de un navegador basado en el habla o un lector de pantalla) y en dispositivos táctiles basados en Braille. CSS también tiene reglas para alternar el formato si se accede al contenido en un dispositivo móvil[4].

Las especificaciones CSS son mantenidas por el Consorcio de la World Wide Web (W3C). El tipo de medio de Internet (tipo MIME) text/css está registrado para su uso con CSS mediante el RFC 2318 (marzo de 1998). El W3C dispone de un servicio gratuito de validación de documentos CSS[5].

Css property selector

CSS (Cascading Style Sheets) is a representation style sheet language used for describing the look and formatting of HTML (HyperText Markup Language), XML (Extensible Markup Language) documents and SVG elements including (but not limited to) colors, layout, fonts, and animations. It also describes how elements should be rendered on screen, on paper, in speech, or on other media.

The simple example above also illustrates the cascading element of CSS. When you hover over a link (i.e., an <a> element) in an HTML page with this style sheet applied to it, both rules apply. Because of the first rule, the link will have a pink background. But, since the a:hover selector is more specific, its color and text-decoration properties override those from the <a> rule-set.

Selectors using an ID selector have higher priority than selectors using class names, and selectors using a class name have higher priority than selectors using tag names. This is called the selector precedence. The !important annotation can be used to override selector precedence, by elevating a normal declaration to an important declaration. Whenever possible, however, higher specificity within a normal declaration should be used in preference to the creation of an important declaration via the !important annotation, in order to prevent overrides on any other styles that might need to be added, particularly those that are subsequently added with a natural precedence intent.

Propiedades Css

allLa propiedad CSS abreviada all restablece todas las propiedades de un elemento excepto unicode-bidi, direction y las propiedades personalizadas CSS. Puede restablecer las propiedades a sus valores iniciales o heredados, o a los valores especificados en otra hoja de estilos de origen.Sintaxis/* Valores globales */

Revierte la cascada al nivel de usuario, de modo que los valores especificados se calculan como si no se hubieran especificado reglas de nivel de autor para el elemento. A efectos de la reversión, el origen de autor incluye los orígenes de Anulación y Animación.

El <blockquote> utiliza el estilo por defecto del navegador que le da un margen, junto con un fondo y un color de texto específicos. También se comporta como un elemento de bloque: el texto que le sigue está debajo de él.

El <blockquote> no utiliza el estilo por defecto del navegador: ahora es un elemento en línea (valor inicial), su color de fondo es transparente (valor inicial), pero su tamaño de fuente sigue siendo pequeño (valor heredado) y su color es azul (valor heredado).

El <blockquote> no utiliza el estilo por defecto del navegador: es un elemento en línea ahora (valor inicial), su color de fondo es transparente (valor inicial), su tamaño de fuente es normal (valor inicial) y su color es negro (valor inicial).

Ir arriba