En línea (estilo en línea)
Establezca el estilo del elemento a través del atributo de estilo de la etiqueta
<标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>
Hoja de estilo interna (hoja de estilo en línea)
El código CSS está escrito en la etiqueta principal del documento HTML y está definido por la etiqueta de estilo
<head>
<style>
div {
color: red;
font-size: 12px;
}
</style>
</head>
Hoja de estilo externa (cadena externa)
Coloque todos los estilos en uno o más archivos de hojas de estilo externas con la extensión .CSS ** y vincule los archivos de hojas de estilos externos al documento HTML a través de la etiqueta de enlace
<head>
<link rel="stylesheet" type="text/css" href="css文件路径">
</head>
Atributos | Efecto |
---|---|
rel | Defina la relación entre el documento actual y el documento vinculado, que debe especificarse como "hoja de estilo" aquí, lo que indica que el documento vinculado es un archivo de hoja de estilo. |
tipo | Defina el tipo de documento vinculado, que debe especificarse como "texto / CSS" aquí, lo que indica que el archivo externo vinculado es una hoja de estilo CSS. Todos podemos omitir |
href | Defina la URL del archivo de hoja de estilo externo vinculado, que puede ser una ruta relativa o una ruta absoluta. |