Cómo configurar CSS personalizado

Tres formas chinas de personalizar CSS:

1. Las hojas de estilo en línea se refieren a escribir códigos de estilo CSS en etiquetas HTML. "font-size:12px;color:#000FFF"gt;

Mi estilo CSS.

lt;/h1gt;

La hoja de estilos interlínea está soportada por el estilo del elemento HTML del elemento HTML. Simplemente escriba el código CSS separado por punto y coma entre style="" medio. Esta es la forma más básica, pero no realiza la separación de presentación y contenido y no puede controlar de manera flexible varias páginas, por lo que solo la usamos al depurar código CSS.

2. Hojas de estilo internas Las hojas de estilo internas son similares a las hojas de estilo interlíneas en que escriben código CSS en la página HTML. La pequeña diferencia es que las primeras pueden colocar la hoja de estilo en una ubicación fija. El formato es el siguiente lt;htmlgt;

lt;headgt;

lt;titlegt;Hoja de estilo internalt;/titlegt;

lt;style?type= "text/ css"gt;

h1{font-size: 12px; color: #000FFF}

lt;/stylegt;

lt;/headgt ;

lt;/headgt;

lt; p>

lt;bodygt;

lt;h1gt;Mis estilos CSS. lt;/h1gt;

lt;/bodygt;

lt;/htmlgt;

La codificación interna de hojas de estilo es una forma rudimentaria de aplicación y no puede lograr resultados cruzados. -página Uso por lo que no es adecuado para su uso.

3. Hoja de estilo externa

La hoja de estilo externa es la mejor forma de aplicación CSS. Coloca el código de estilo CSS por separado en un archivo externo y luego la página web lo ejecuta. llamar. Varias páginas web pueden llamar a una tabla de archivos de estilo, lo que puede lograr la máxima reutilización del código y la configuración óptima de los archivos del sitio web. El formato es el siguientelt;htmlgt;

lt;headgt;

<. p >lt;titlegt;Hoja de estilo externalt;/titlegt;

lt;link?rel="stylesheet"?rev="stylesheet"?href="style.css"gt;

lt;/headgt;

lt;bodygt;

lt;h1gt;Mis estilos CSS. lt;/h1gt;

lt;/bodygt;

lt;/htmlgt;

El código en style.css es h1{font-size: 12px ; color: #000FFF }

Usamos la etiqueta en para llamar al archivo de hoja de estilo externo. Especifique el enlace como modo de hoja de estilo y use href="style.css" para especificar la ruta al archivo de la hoja de estilo para aplicar el estilo definido en style.css a la página.