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 guárdelo:

3. Archivo HTML, use el enlace para crear el archivo CSS en el paso anterior de introducir su etiqueta de estilo. Esta es la etiqueta externa. 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 administrar:

4. 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:

5. Los estilos pueden 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: