Para empezar, el css no tiene sentido sin su correspondiente html. Con él conseguiremos dar estilo a nuestra página indicando las caracteristicas de cada parte de la web.

Hay distintas formas de incluir css a nuestro html.

La primera es en el mismo html. Para hacer esto debemos incluirlo dentro de la parte head de nuestro html:

<html>

<head>

<style type="text/css">

h1{
color: blue; font-family: Arial;
}

</style>

</head>

<body>

<h1>Nuestro título con estilo</h1>

</body>

</html>

 

Normalmente para un pequeño retoque se puede usar, pero si vamos a tener muchos cambios sobre los estilos de nuestro html es más conveniente hacerlo en de forma externa.

Por lo tanto, la segunda forma que vamos a ver de incluir un css es en archivo externo .

Debemos empezar por crearnos nuestro archivo en el que pondremos:

h1{
color: blue; font-family: Arial;
}

Y lo guardaremos como “nombre_archivo.css”

Para enlazarlo con nuestro html iremos a nuestro documento html e incluiremos dentro del head la etiqueta <link>

<html>

<head>

<link rel="stylesheet" type="text/css" href="nombre_archivo.css" media="screen"/>

</head>

<body>

<h1>Nuestro título con estilo</h1>

</body>

</html>

Dentro de la etiqueta link deberemos incluir los atributos rel, type, media y href, en esta última es donde le diremos la ruta donde se encuentra nuestro css, si está en la misma carpeta solo poniendo el nombre del archivo nos funcionará.

 

Crear nuestro css de forma externa es lo más lógico si lo vamos a usar en varias páginas dentro de nuestra web o si es muy amplio, queda todo mucho más ordenado y limpio.

 

Quizás pueda interesarte

Suscríbete a nuestro boletín

 

 

Política de Privacidad

Revisa tu correo electrónico para finalizar el registro

Advertisment ad adsense adlogger