¿Cómo escribir el estilo CSS del siguiente código directamente en HTML?

1. Primero, puede escribir el código CSS directamente en la etiqueta de inicio del elemento de etiqueta HTML existente, y el código de estilo CSS debe escribirse entre comillas dobles style="", como: lt; p style="color: red"gt; El texto aquí es rojo. lt;/pgt;.

2. Si desea distinguir las etiquetas HTML de los estilos CSS, puede escribir el código de estilo CSS entre las etiquetas lt;style type="text/css"gt;lt;/stylegt; ;stylegt;lt;/stylegt; se puede escribir entre etiquetas lt;headgt;lt;/headgt; o entre etiquetas lt;bodygt;lt;/bodygt;

3. Las dos combinaciones anteriores de HTML y CSS están en la misma página. Si hay mucho código, es difícil distinguirlas. En este caso, puede crear un estilo CSS externo. archivo. Haga clic derecho en el escritorio para crear un documento del Bloc de notas y luego cambie la extensión del documento a ".css". Coloque el archivo de estilo CSS y HTML en el mismo disco para facilitar la llamada.

4. Después de crear el archivo de estilo CSS, use el editor Sublime para abrir el archivo de estilo CSS y escriba el estilo CSS correspondiente en el archivo.

5. Después de preparar el archivo de estilo CSS, regrese al archivo HTML y use la etiqueta lt;linkgt; en la etiqueta lt;headgt;lt;/headgt; archivo. Eso es todo.