Hojas de estilo externas y hojas de estilo CSS incrustadas
Hay algunas cosas que hacen que las hojas de estilo externas sean diferentes de las hojas de estilo incrustadas.

Hojas de estilo incrustadas
En los tutoriales anteriores viste ejemplos de hojas de estilo CSS incrustadas y aprendiste que el código CSS básico para una hoja de estilo incrustada comienza y termina con las etiquetas. Dentro de estas etiquetas se encuentra el código CSS que se compone de cada selector (es) y sus respectivos pares de propiedades y valores. Finalmente, el estilo incrustado se coloca en la sección principal de su página web.

Ejemplo



Hojas de estilo externo
Las hojas de estilo externas son un poco diferentes porque no tienen las etiquetas de inicio y finalización. De hecho, no puede tener ninguna etiqueta HTML, excepto los comentarios y la declaración @import. Básicamente es un archivo de texto que contiene solo el código CSS.

Ejemplo
cuerpo {background-color: #ffffff}

p {font-size: 12pt; color: # 000000; alinear texto: centro}

Puede nombrar su hoja de estilo externa como desee, pero es una buena práctica darle un nombre al archivo que refleje el propósito del código CSS. Por ejemplo, el código CSS que controla el estilo de los enlaces del menú en su página web podría llamarse menu.css. Aunque es opcional, debe usar la extensión .css para sus hojas de estilo externas.

Después de crear sus hojas de estilo externas, puede usarlas en cualquier página web colocando la etiqueta o la declaración @import en la sección de encabezado.





Instrucciones De Vídeo: Creación y vinculación hoja de estilos CSS a un documento HTML (Mayo 2024).