Buscador


En todo Internet
En Uterra.Com

Consultorio sexológico
El psicólogo responde
GRATIS
Preguntas y respuestas sobre sexualidad.

Contenidos


La definición de los estilos CSS puede hacerse en la misma pagina web situando el codigo CSS entre las etiquetas <STYLE TYPE="text/css"> y </STYLE> en el head de la página. No obstante, este método de trabajo tiene un inconveniente, que es por otro lado una de las grandes ventajas de CSS, y es que no permitiria la modificacion del formato de todas las páginas del sitio Web, habria que ir modificando página a página.

Para poder modificar el formato de un sitio Web completo es necesario que los formatos o estilos CSS esten definidos en un archivo externo. este archivo toma la extension .css y se puede crear con el bloc de notas cambiando la extensión .txt por la mencionada .css. 

Al igual que ocurre con javascript, para escribir la sintaxis de formatos en el archivo CSS no tenemos que abir ni cerrar las etiquetas Bla y Ble, ya que los navegadores "entienden" que un archivo con extension CSS es un archivo de formato y tiene el mismo significado que las etiquetas de apertura y cierre de CSS.

Este archivo podemos editarlo con el bloc de notas de Windows y lo cargamos en nuestra web con la siguiente sintaxis:

<link rel="STYLESHEET" type="text/css" href="fileformato.css"></link>

donde "fileformato.css" es el nombre del archivo que contiene la definción de los formatos o estilos.

Así el código fuente del artículo 2 quedaría de la siguiente forma:

<html>  

<head>  
<title>Formatos cargado desde archivo externo.</title>  
<link rel="STYLESHEET" type="text/css" href="fileformato.css"></link>

</head>  

<body>  
<DIV ID="enlace"> 
     <p><a href="http://www.uterra.com">INICIO</a></p> 
     <p><a href="http://www.uterra.com/codigo_html/codigo_fuente_html.php">HTML</a></p>
     <p><a href="http://www.uterra.com/codigo_javascript/codigo_fuente_javascript.php">Javascript</a></p>
     <p><a href="http://www.uterra.com/codigo_css/codigo_fuente_css.php">CSS</a></p>
     <p><a href="http://www.uterra.com/codigo_php/codigo_fuente_php.php">PHP</a></p>
</DIV>

</body>  

</html>