Introducción a la hoja de estilo css3-notas de estudio 7

Hoja de estilo en línea (estilo en línea)

La hoja de estilo interna (hoja de estilo incrustada) está escrita dentro de la página html, extrae todo el código CSS y lo coloca en una sola <style>etiqueta.

<style> 
    div {
    
     
      color: red; 
      font-size: 12px; 
    } 
 </style> 

Hoja de estilo interna (incrustada)

La hoja de estilo en línea (hoja de estilo en línea) sirve para establecer el estilo CSS en el atributo de estilo dentro de la etiqueta del elemento. Adecuado para modificar estilos simples.

<div style="color: red; font-size: 12px;">青春不常在,抓紧谈恋爱</div> 

Hoja de estilo externa (vinculada)

Este es el más utilizado, que se da cuenta por completo de la separación de estilos estructurales. Hay
dos pasos para introducir hojas de estilo externas:

  • Cree un nuevo archivo de estilo con un sufijo de .css y coloque todos los códigos CSS en este archivo.
  • En la página HTML, use etiquetas para importar este archivo.
 <link rel="stylesheet"  href="css文件路径"> 

Inserte la descripción de la imagen aquí

para resumir

Inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/weixin_45019830/article/details/107582023
Recomendado
Clasificación