Cómo se vincula el Css a el html
Respuestas a la pregunta
Respuesta:
Hay 3 maneras de implementar estilo css a nuestros documentos html, todas son igual de eficientes solo que algunas son mas cómodas que otras (bueno eso dependiendo de que tan grande sea el proyecto).
Mediante la vinculación con archivos externos
La vinculación con archivos css externos, se hacen dentro de las etiquetas <HEAD></HEAD>, y con el elemento <LINK> de html.
Este seria una vinculación con propiedades básicas, con un archivo css externo que se encuentra dentro de la misma carpeta.
<link type="text/css" rel="stylesheet" href="estilo.css">
Donde el TYPE especificamos el tipo de texto que vamos a vincular, permitiéndole así a los navegadores omitir los tipos de hoja de estilo que no soportan; el atributo REL se usa para definir la relación entre el archivo enlazado y el documento html, donde casi siempre es StyleSheet ya que especifica que se aplicará si están activas las hojas de estilo; y en el atributo HREF especificaremos la ruta de donde se encuentra el archivo css a enlazar. En este caso el archivo css se encuentra dentro de la misma carpeta que el documento.
Mediante las etiquetas <STYLE></STYLE> dentro del documento
La segunda opción sería mediante las etiquetas <STYLE></STYLE> que las ubicaríamos dentro de las etiquetas <HEAD></HEAD>
<style type="text/CSS">
/*AQUI IRÁ TODO EL CÓDIGO CSS*/
</style>
Donde el atributo TYPE, especificaremos el tipo de texto con el que vasmos a trabajar.
Entre <STYLE> y </STYLE>, irá todo el código css. Es como si tuviéramos un archivo.css integrado.
Mediante el atributo STYLE dentro de cada una de las etiquetas
Html tiene la opción, de que la mayoría de las etiquetas como son: <H1>, <H2>, <H3>, <P>, <DIV>, <SPAN>, <TABLE>, <BODY>, <INPUT>, entre otros, tienen diversos atributos de los existe uno que se llama STYLE=””, y dentro de las comillas dobles irá todo el código css; aquí lo malo sería para las personas que están acostumbradas a escribir código css en forma de bloques.
div{
margin:0px;
padding:0px;
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
Lo tendrían que escribir en una sola linea.
<div style="margin:0px; padding:0px; background-color:#FFF; font-family:Arial, Helvetica, sans-serif;">
</div>
Otra de las cosas malas sería que tendríamos que escribirles el código css, a cada una de las etiquetas que queramos aplicarles estilo
Respuesta:
creando un indice del contenido al principio
Explicación: