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