World of MetinsXS


Alăturați-vă forumului, este rapid și ușor

World of MetinsXS
World of MetinsXS
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

[Tutorial]Stiluri externe

In jos

[Tutorial]Stiluri externe  Empty [Tutorial]Stiluri externe

Mesaj Scris de Bogdan Dum Sept 22, 2013 8:34 am

Stilurile externe

In continuare vom explora metoda stilurilor externe. Un fisier CSS extern poate fi realizat cu orice editor simplu de text (Notepad, Wordpad, etc) sau cu editoare avansate gen Dreamweaver. Fisierul CSS nu contine sub nici o forma cod (X)HTML, ci doar cod CSS. Fisierul trebie salvat cu extensia .css. Inserarea fisierului extern in paginile (X)HTML se face foarte usor, prin plasarea unui link (legatura) in sectiunea a fiecarei pagini pe care dorim sa folosim stilul respectiv. Iata un exemplu de inserare a unui fisier extern .css intr-o pagina (X)HTML:

Cod:
<link rel="stylesheet" type="text/css" href="Calea catre  fisierul.css" />
sau puteti folosi metoda de import dupa cum urmeaza:

Cod:
<style type="text/css">@import url( Calea catre  fisierul.css )</style>
Oricare dintre metode este buna si se obtine plasand unul dintre codurile de mai sus in sectiunea a paginii, dupa cum exemplificam mai jos:
Cod:

<head>
  <title> titlu pagina  </title>
  <link rel="stylesheet" type="text/css" href="stil.css"  />
</head>

sau
Cod:
 
<head>
  <title> titlu  pagina </title>
  <style type="text/css"> @import url( Calea  catre fisierul.css ) </style>
</head>
Folosind metoda fisierelor CSS externe, toate paginile (X)HTML vor folosi acelasi fisier de stil. Asta inseamna ca dca doriti sa faceti o schimbare care sa aiba efect in toate paginile, este de ajuns sa modificati un singur fisier, si anume cel de stil (.css), si efectul se va observa pe toate paginile (X)HTML ce folosesc acel fisier. Astfel faceti schimbari in tot siteul, indiferent de cate pagini are, fara efort si mai ales foarte repede.
Bogdan
Bogdan
Membru
Membru

Posts : 50
Reputation : 0
Join date : 22/09/2013

Sus In jos

Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum