¿Cómo llamar al estilo externo CSS?
1. Utilice estilos CSS directamente en divs para crear páginas web div+css.
2. Utilizar estilos en html.
3. Utilice @import para hacer referencia a archivos CSS externos.
4. Se recomienda utilizar un enlace para hacer referencia a archivos CSS externos.
A continuación, explicaremos ejemplos de métodos CSS que hacen referencia a HTML uno por uno.
1. Incruste el estilo CSS directamente en el elemento de etiqueta HTML, como
2. Inserte el código de declaración de estilo en la parte del encabezado HTML, como se muestra a continuación:
< estilo? tipo="texto/css">?
<! - ?
. ¿Shi Ce? {tamaño de fuente: 14px;? Color: # FF0000}/*Aquí está el contenido para configurar el estilo CSS*/?
->?
& lt/style & gt; El método específico es el siguiente:
3. Utilice @import para hacer referencia a archivos CSS externos.
<! ¿TIPO DE DOCUMENTO? HTML? ¿masculino? "-//W3C//DTD?XHTML?1.0?Transitional//ES "
" http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-transitional . DTD " >?
<html? xmlns = " http://www . w3 . org/1999/XHTML " >?
& lthead & gt?
<meta? http-equiv="Tipo de contenido "? contenido = " texto/html;?charset=gb2312 "? //>?
& lttitle & gtCss método de referencia instancia-prueba instancia
& lt estilo? tipo="texto/css">?
<! - ?
@importar? URL(wcss . CSS);/*Aquí está el contenido de estilo del CSS al que hace referencia @import*/?
->?
</estilo>?
</head>?
& ltbody & gt?
& ltdiv? class= "Shi Ce" >¿Soy div? ¿Soporte de contenido de prueba CSS
</body>?
</html>Código. Shi Ce en el archivo Wcss.css {font-size:14px; color: # FF0000}
El efecto es el siguiente:
Se puede ver que usando este método y usando la referencia incorporada Los métodos de la hoja de estilos CSS son similares en que todos necesitan usar la etiqueta de estilo para hacer referencia al CSS externo del encabezado html.
4. Utilice enlaces para llamar a archivos CSS externos.
Lugar
Los detalles son los siguientes
Este método no requiere una etiqueta de estilo, pero hace referencia directamente a un estilo externo vinculando un estilo.