Cómo escribir una hoja de estilo interna CSS

1. Hay tres tipos de hojas de estilos CSS para crear y usar: hojas de estilos externas, hojas de estilos internas y estilos en línea. A continuación se muestra una pequeña demostración para demostrar su uso.

Primero cree un nuevo archivo html, coloque tres botones y establezca los atributos de clase en btn1 y btn2 para los dos primeros botones, como se muestra a continuación.

2. Luego prepare un archivo CSS llamado demo. Escriba el estilo del botón A en el archivo css y guarde el archivo css:

3. Archivo HTML, use el enlace para introducir el archivo CSS en el paso anterior de su etiqueta de estilo, que es el exterior. estilo, consiste en crear un buen resumen en el estilo de escritura del archivo CSS y luego introducir la etiqueta del archivo HTML mediante el enlace. Este también es el método utilizado por la mayoría de los sitios web, porque es fácil de introducir y más conveniente de administrar: <. /p>

4. Continuar Lo siguiente es el uso de una hoja de estilo interna, donde la pestaña de estilo se crea directamente en la pestaña principal con estilos btn2 agregados. Para archivos HTML simples con hojas de estilo internas, los estilos internos son convenientes, pero los archivos HTML complejos pueden resultar confusos:

Finalmente, use estilos en línea, use los estilos directamente en la tercera etiqueta Propiedades para agregar estilos. ser:

6. Finalmente, guarde el archivo HTML, abra un navegador y vea los estilos de los tres botones. Así es como se crean las hojas de estilo CSS: