La Red de Conocimientos Pedagógicos - Currículum vitae - La historia del desarrollo de CSS

La historia del desarrollo de CSS

La historia del desarrollo de CSS

CSS (Cascading Style Sheets) es un sistema para aplicar estilos de visualización a etiquetas. CSS es conocido por diseñar y cambiar el estilo de las páginas HTML y se utiliza en la web y otros medios como los documentos XML. En febrero de 1996, el W3C lanzó la primera versión de la especificación CSS. En junio de 1998, el W3C lanzó la segunda versión de CSS, a saber, CSS 2.0. En mayo de 2001, el W3C comenzó a formular el estándar CSS3, y el estándar aún no se ha finalizado. .

CSS1.0

Selector: para usar CSS para controlar elementos en una página HTML uno a uno, uno a muchos o muchos a uno, necesita para utilizar selectores CSS. Los selectores se dividen en términos generales en selectores derivados, selectores de ID y selectores de clases, que se utilizan para definir los elementos o etiquetas HTML a los que desea aplicar estilos.

Atributos de estilo: este atributo incluye principalmente fuente, texto, fondo, posicionamiento, tamaño, diseño, borde exterior del margen, borde, borde interior relleno, lista, tabla, barra de desplazamiento, etc. Se utiliza para definir algunos cambios de estilo para páginas web.

Atributos de pseudoclase: define principalmente varios atributos de pseudoclase, como enlace, desplazamiento, activo, visitado, etc., para describir el objeto A, y define la primera letra, el primer hijo y el primer hijo. línea para nodos.

Modo Guardar: Los usuarios pueden guardar códigos de estilo CSS directamente en páginas HTML o como archivos de hojas de estilo independientes.

CSS2.0

Selectores: CSS2 proporciona selectores más potentes para localizar nodos o etiquetas HTML.

Nombre del símbolo

Significado

Ejemplo

*

Se utiliza para hacer coincidir cualquier etiqueta.

* {Color: rojo}

gt

Se utiliza para especificar la relación del nodo padre-hijo.

AAA gtCCC gtDDD gt; {color: red} coincide con nodos DDD cuyos nodos padres son CCC y AAA respectivamente.

Se utiliza para hacer coincidir nodos con nodos principales en un nivel específico.

AAA CCC DDD {color: azul} coincide con el nodo DDD que contiene el nodo padre AAA del nodo padre CCC.

Se utiliza para representar la relación entre nodos en el mismo nivel.

AAA BBB{color: rojo} indica que existe un nodo BBB, el cual tiene un nodo hermano AAA.

Nombre[expresión]

Seleccione nodos con valores de atributos especiales.

BBB[text="xyz"]{color: azul} significa que contiene una etiqueta BBB con un valor de atributo de texto de xyz.

Modelo de posición: la función del atributo de posición se mejora aún más en CSS2 y se agregan varios valores como relativo, absoluto y fijo.

Nombre del valor

Significado

Relativos

El cuadro del elemento está desplazado a una cierta distancia del nodo principal y el elemento aún Conserva su forma original y el espacio inicialmente ocupado.

Absoluto

El cuadro del elemento se elimina completamente del flujo del documento y se coloca en relación con su bloque contenedor. El bloque contenedor puede ser otro elemento del documento o el bloque contenedor inicial. El espacio originalmente ocupado por el elemento en el flujo normal de documentos se cerrará como si el elemento no existiera.

Fijo; inmutable

El cuadro del elemento se comporta como un valor absoluto, excepto que su bloque contenedor es la ventana misma.

El índice z

se utiliza para especificar el orden de apilamiento de elementos superpuestos. Los elementos con números más altos se apilarán antes que los elementos con números más bajos.

Estilos de diseño y tabla: CSS2 amplía el atributo de visualización, permitiendo a los usuarios especificar si se muestran elementos y cómo, y utilizar este atributo para coordinar la posición y la flotación del diseño de la página.

Además, los usuarios pueden mostrar documentos estructurados no tabulares en estilo tabular.

Tipo de medio: se utiliza para definir diferentes estilos para diferentes tipos de medios.

Nombre del atributo

Significado

Oído

Utilizado para sintetizadores de voz y audio

Decoración

p>

La paginación ciega está impresa en Braille.

Impresión

Para impresoras

Pantalla

Para visualización de ordenador

Braille

Dispositivo de retroalimentación táctil braille para personas ciegas

Inferencia

Se utiliza para programas de presentación como presentaciones de diapositivas.

Pseudoclases: CSS2 agregó foco (agrega un estilo al elemento seleccionado), primer hijo (agrega un estilo especial al primer elemento hijo del elemento) y idioma (permite al autor definir el contenido utilizado en el idioma del elemento especificado).

Estilo del cursor: se agregaron propiedades del cursor para especificar qué tipo de cursor debe mostrar el dispositivo.

Nombre del valor

Significado

Valor predeterminado del sistema

Cursor predeterminado (normalmente flecha)

Coche

p>

De forma predeterminada, el navegador establece el cursor.

Cruz

El cursor aparece como una cruz.

Puntero

El cursor aparece como un puntero (una mano) que indica el enlace.

Mover

Este cursor indica que el objeto se puede mover.

Cambio de tamaño electrónico

El cursor indica que el borde del cuadro rectangular se puede mover hacia la derecha.

Texto

Este cursor representa texto.

Esperando

Este cursor indica que el programa está ocupado (generalmente en forma de reloj o reloj de arena)

Ayuda

Esto el cursor indica Ayuda disponible (normalmente un signo de interrogación o un globo)

DIV CSS es en realidad un nombre incorrecto. El nombre estándar debería ser XHTML CSS, porque DIV y table son etiquetas en lenguaje XHTML o HTML, y CSS. Es solo una expresión. DIV CSS ha separado contenido y rendimiento, por lo que al modificar una página web, solo necesita especificar la modificación del contenido.

Reglas generales de comando de CSS

Nombre

Significado

Nombre

Significado

Encabezado

Encabezado

Contenido/Contenedor

Contenido

Pie de página

Pie de página

p>

Navegación

Navegación

Informe complementario

Informe complementario

Cilindro

Cilindro

p>

Materiales de embalaje

La periferia de la página controla el ancho general del diseño.

Izquierda

Izquierda

Correcto

Frontal

Centro

Medio

Roginbar

Barra de inicio de sesión

Marca; logotipo

Símbolo

Bandera

Publicidad

Temas de la página principal

Temas de actualidad

Temas de actualidad

Noticias

Noticias

Descargas

Descargas

subnav

Subnav

Menú

Menú

Submenú

Submenú

Buscar

Buscar

Enlaces amigables

Intercambio de enlaces

Copyright

Copyright

Roll Up

Roll

Contenido

Contenido

Etiquetas

Página de etiquetas

Tabla de contenidos

Lista de artículos

MSG

Mensaje urgente

Título

Título de la columna

Jonus

Unirse

Gremio

Guía de viaje

Servicios

Servicios

Registro

Registro

Estado

p>

Situación

Voto

Voto

Socios

Socios