1. Haga un buen uso de la abreviatura de CSS puede reducir el tamaño del archivo de página, aumentar la velocidad de descarga y simplemente leer el código. Se puede escribir como Otro ejemplo: Se puede reescribir como: (Para más detalles, consulte: Manual de referencia CSS2, resumen de abreviatura CSS comúnmente utilizado) 2. Puede establecer múltiples reglas para el atributo de clase de un elemento HTML al mismo tiempo (definición de clase múltiple). Este elemento también incluye estilos establecidos en A y B 3. Aclarar la unidad, a menos que el valor sea 0 Nota: No agregue una cuadrícula vacía entre numéricos y unidades. 4. Manuscritos diferenciados en XHTML. No puedo mostrar la línea de 1 píxel de borde 5. Los principios prioritarios recientes de CSS Si define múltiples estilos en un elemento, el último estilo de primer nivel de nivel se definirá por otros estilos. Esto muestra rojo aquí Esto muestra azul aquí Muestra verde aquí Aquí está el amarillo También se muestra como amarillo porque el .yllow está detrás de .Blue. 6. Definiciones del uso de subselectores para reducir la identificación y la clase, por ejemplo: Se puede cambiar a: 7. No agregue la ruta de la imagen de fondo para cambiar el fondo: URL ("xxx.gif") al fondo: URL (xxx.gif) 8. La ruta de la imagen de fondo es relativa a la página CSS actual. Por ejemplo: 9. El uso de diferentes elementos para aplicar el mismo estilo como H1, H2, H3, Div {Font-Size: 16px; 10. Escriba el estilo de enlace correcto. 11. Los cambios de contenido prohibidos y los cambios de contenido obligatorio en las tablas o capas, podemos esperar que el contenido no se cambie ni se vea obligado a cambiar la línea. 12. Diferencia Relativo, la escritura en CSS es: Relativo; Como el relleno en el nivel principal, el nivel actual del nivel actual se encuentra con referencia al punto original del área de contenido principal. 13. Div y tramo diferencial 14. Visibilidad y visibilidad diferenciales
como:
Div {
border-top: 1px sólido #ccccccc;
Border-izquierda: 1px Solid #CCCCCCC;
border-right: 1px soli #cccccccc;
Border-Bottom: 1px Solid #CCCCCCC;
}
P {border: 1px sólido #ccccccc}
Div {
margen-top: 10px;
Margen-derecha: 20px;
Margen de fondo: 30px;
margen-pescado: 40px;
}
/*Presta atención al orden de escritura, derecha, abajo e izquierda*/
div {margen: 10px 20px 30px 40px}
/*Tenga en cuenta que el valor y la unidad no pueden tener un espacio, y el espacio está separado por el espacio entre cada valor*/
Normalmente escribimos:
De hecho, podemos especificar múltiples reglas para el elemento P, como:
CSS:
.a {...}
.b {….}
HTML:
Nota: separado con espacios entre múltiples reglas.
Olvidé definir el tamaño es un problema común en los principiantes de CSS. Podemos escribir ancho = "100" en HTML, pero se debe administrar una unidad precisa en CSS. Como: ancho: 100px; El tamaño del valor 0 es igual.
Como #AAA, que es diferente de #AAA.
Si #AAA se define en CSS, el uso de AAA en elementos HTML para aplicarlo no podrá obtener el estilo definido en #AAA.
Código de ejemplo:
CSS:
#AAA {border: 1px sólido #ccc}
HTML:
como:
CSS:
P {color: rojo}
.Blue {color: azul}
.ylow {color: amarillo}
HTML:
Aviso:
(1) Preste atención a varias secuencias prioritarias de los estilos (disminución de la prioridad de arriba a abajo):
-Configuración de estilo-nele
-Configuración del área de la cabeza
-En los archivos CSS de referencia externos (2) La prioridad no se establece en el orden de acceso, pero se establece el pedido de pedido en el CSS.
Como se muestra en el ejemplo anterior, muestra amarillo
#Contener {..}
#Contain_ul {...}
.Contail_li {...}
#Contener {..}
#Contain ul {...}
.Contain Ul Li {...}
Porque agregar citas para algunos navegadores puede causar errores.
Son las siguientes imágenes de estructura del directorio
-xxx.gif
-Css
--xx.css
--Ddex.html
Contenido de código
Index.html hace referencia al archivo xx.css.
XX.CSS quiere citar imágenes xxx.gif.
Entonces H1, H2, H3, los elementos div son todos de 16 píxeles, fuentes gruesas
Si no escribe en este orden, es posible que no pueda lograr el efecto de su esperanza. Para recordar este orden, extraemos las primeras letras de cada palabra: lvha, puedes recordar el orden por memoria amor, héroe, dos palabras.
Prohibido cambiar: White-Space: Nowrap
Cambio obligatorio: Word-Wrap: Break-Word;
Absoluto, la escritura en CSS es: Absoluto; Punto de la oferta de nivel principal como punto original. Si el TRBL se establece y el nivel principal no establece el atributo de posición, entonces el absoluto actual se coloca con el punto original en la esquina superior izquierda del navegador, y la posición será determinada por TRBL.
Div es un elemento de nivel de bloque que puede contener párrafos, tablas y otro contenido para colocar un contenido diferente. En general, presentamos cada bloque en la página web para establecer cada bloque en la página web.
SPAN es un elemento asociado interno, sin importancia práctica.
Pantalla: Ninguna y visibilidad: Oculto puede ocultar un elemento pero visibilidad: Oculto solo oculta el contenido del elemento, pero el espacio de ubicación utilizado aún se conserva.
Pantalla: Ninguno se elimina bastante de la página, y su posición de ocupación también se eliminará.