¿Supiste lo que acaba de lanzar LagriHost? Sí, como lo estabas esperando, ahora vendemos Web Hosting y Dominios. Conoce más :)


Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Cargamos los estilos css desde un archivo externo
#1
0
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:

Código:
<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.ejemplomiweb.com">INICIO</a></p>  
     <p><a href="http://www.ejemplomiweb.com/codigo_html/codigo_fuente_html.php">HTML</a></p>
     <p><a href="http://www.ejemplomiweb.com/codigo_javascript/codigo_fuente_javascript.php">Javascript</a></p>
     <p><a href="http://www.ejemplomiweb.com/codigo_css/codigo_fuente_css.php">CSS</a></p>
     <p><a href="http://www.ejemplomiweb.com/codigo_php/codigo_fuente_php.php">PHP</a></p>
</DIV>

</body>  

</html>



Posibles temas similares…
Tema Autor Respuestas Vistas Último mensaje
  Tutorial Limpiar estilos no usados de tu CSS para liberar espacio Diringax 0 2,425 17-02-2017, 10:31 AM
Último mensaje: Diringax
  Tutorial Cómo utilizar Javascript para reproducir un archivo Roberto 2 3,131 19-06-2016, 07:22 PM
Último mensaje: Nomak
  Tutorial CURSO APRENDER A PROGRAMAR EN VISUAL BASIC DESDE CERO Kevin Alfonso 1 2,448 03-02-2016, 12:07 PM
Último mensaje: piinbook
  Recogiendo los datos enviados a través de un formulario. torgar22 2 2,984 02-12-2015, 11:17 AM
Último mensaje: piinbook
  Formato de los enlaces con css torgar22 0 2,459 23-10-2015, 06:42 PM
Último mensaje: torgar22



Usuarios navegando en este tema:
1 invitado(s)


Forum software by © MyBB Theme © Kevinex & iAndrew 2018