Cómo crear una hoja de estilo 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. Usemos 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:

2. un archivo css, llamado demo.css, escriba el estilo del botón A en el archivo, guarde el archivo css:

3. Regrese al archivo html ahora, use la etiqueta de enlace en la etiqueta de estilo para. introduzca el enlace creado en el archivo css del paso anterior, así es como se usan los estilos externos. El resumen es escribir el estilo en el archivo css creado y luego usar la etiqueta de enlace para introducirlo en el archivo html. Método utilizado por la mayoría de los sitios web porque es fácil de introducir y administrar. También es más conveniente:

4. Lo siguiente es el uso de hojas de estilo internas. Aquí, cree la etiqueta de estilo directamente en la etiqueta principal. agregue el estilo btn2 en el interior. Para archivos HTML con hojas de estilos internas simples, los estilos internos son muy convenientes, pero usarlos para archivos HTML con estructuras complejas hará que los archivos parezcan muy confusos:

5. Simplemente use el atributo de estilo en la tercera etiqueta para agregar un estilo:

6. Finalmente, guarde el archivo html y abra el navegador para ver que han aparecido los estilos de los tres botones.

Lo anterior es cómo hacer una hoja de estilo CSS: