No se puede hacer referencia al estilo CSS
CSS es un lenguaje de marcado que el navegador puede ejecutar directamente sin compilación (pertenece al lenguaje interpretado del navegador. Es la abreviatura de hoja de estilo en cascada). En el diseño web estándar, CSS es responsable de la presentación del contenido web (XHTML) y, junto con la estructura de la página organizada por Div (o tabla), realiza un diseño de página web completo. Al aprender el lenguaje de marcado CSS, podrá realizar fácilmente expresiones ricas en la página. La aplicación de CSS es en realidad el proceso de embellecer bocetos en pinturas al óleo.
Durante el proceso de llamada de estilo, la definición de estilo más cercana al objetivo tiene mayor prioridad. Un estilo de alta prioridad heredará la definición no superpuesta de un estilo de baja prioridad, pero anulará la definición superpuesta.
Las cuatro soluciones son:
1. Estilos en línea;
2. Definir bloques de estilo incrustados;
3. .
4. Uso conjunto de hojas de estilo (@import función de importación).
1. Estilo en línea.
La definición en línea, es decir, usar directamente el atributo de estilo para definir el estilo en la etiqueta del objeto, es el método de llamada de estilo más simple. Puede aplicar hábilmente el estilo a cada objeto de etiqueta. de usar e intuitivo de mostrar. Sin embargo, no puede aprovechar al máximo la ventaja de la "separación de presentación y contenido" de las hojas de estilo, por lo que no se utiliza comúnmente en el proceso de diseño.
Un ejemplo sencillo: aplicar diferentes estilos al mismo atributo de etiqueta P.
La fuente se muestra en rojo, 12 píxeles.
La fuente se muestra en color azul de 12 píxeles.
Si quieres cambiar el color, tienes que cambiarlo por separado. Quizás dirás que solo hay dos y que no te llevará mucho tiempo modificarlos por separado. Entonces, para sitios web grandes, ¿se pueden modificar manualmente innumerables etiquetas P una por una?
Resumen: Este método es adecuado para la atributiva de oraciones.
2. Definir e incrustar un bloque de estilo.
Es decir, en el documento HTML
Inserta el objeto de bloque entre las etiquetas y.
cabeza y gt
estilo tipo="text/css "
! – El contenido específico de la hoja de estilo –>
/style>
/head>
El atributo de tipo de estilo se establece en “text/css” , lo que permite a los navegadores que no admiten este tipo ignorar la hoja de estilo, lo que ayuda a dichos navegadores a filtrar el código CSS y evitar mostrar esta hoja de estilo directamente como código fuente en el navegador.
Resumen: Este método es adecuado para modificar las propiedades de la página.
3. Enlace a la hoja de estilo.
Primero, se debe configurar un archivo de hoja de estilo externo independiente (sufijo .css) y luego también dentro del documento HTML.
Inserte un objeto de enlace entre las etiquetas y en el siguiente formato:
head & gt
link rel="stylesheet" href="*.css" type="text/css "
/head & gt;
Resumen: este método se aplica a todo el atributo, por eso lo uso. oye oye.
4. Uso combinado de hojas de estilo (@función de importación de importación)
El método de usar @import para combinar hojas de estilo es el mismo que el método de vincular hojas de estilo externas, y también está en el medio del documento HTML.
E insertar entre etiquetas y logotipos; pero este método puede vincular hojas de estilo externas y formular reglas de estilo que no son necesarias para otras páginas de acuerdo con las condiciones específicas de esta página, lo cual es más ventajoso. El formato es el siguiente:
head & gt
style type="text/css "
& lt! –
@importar "*.
css "
Declaraciones de otras hojas de estilo
–& gt;
/style & gt;
/head & gt;
Cabe señalar que:
La hoja de estilo de entrada conjunta debe comenzar con @import y terminar con ";";
Si se importan varias hojas de estilo al mismo tiempo, si hay un conflicto, se manejará de manera efectiva de acuerdo con la hoja de estilo ingresada primero.
Si la hoja de estilo de entrada entra en conflicto con las reglas de estilo (definición incrustada) en la página web; Se utilizará una hoja de estilo externa