Come inserire uno StyleSheet

La lima che contiene soltanto il codice di CSS ed � risparmiata con un'estensione di lima �di .css� � denominata come CSS esterno. Usando il <link> anzich� il <style>, questa lima di CSS allora si riferisce nel vostro HTML. Non preoccupar se siete confusi. Stiamo andando camminare voi con il processo intero.

<html>
<head>
<title>My First Stylesheet</title>
<link rel=stylesheet href="mystyles.css" type="text/css">
</head>
<body>
<h1>Stylesheets: The Tool of the Web Design Gods</h1>
<P>Friendship is always alive! Squash your enemies!</P>
</body>
</html>

Ora generare una lima di testo separata denominata mystyles.css (potete chiamarli qualche cosa che desideriate). Tutto che contenga � questo:

h1 { color: green; font-family: impact }
P { background: yellow; font-family: courier }

Note:

Quando lo stesso tatto di stile/disposizione/sguardo n � richiesto alle pagine numerose allora diciamo che un foglio esterno di stile (CSS) � perfetto. Il webmaster pu� cambiare lo sguardo di intero luogo - cambiando una lima, con l'aiuto di un foglio esterno di stile.

Foglio interno di stile

Quando un singolo documento ha uno stile unico, un foglio interno di stile dovrebbe essere usato. Nella sezione capa, usando la modifica del <style>, potete definire gli stili interni come questo:

<head>
<style type="text/css">
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
</style>
</head>

Il browser ora formatter� il documento e legger� le definizioni di stile secondo esso.

Nota: Un browser ignora normalmente le modifiche sconosciute. Ci� significa che un vecchio browser che non sostiene gli stili, ignorer� la modifica del <style>, ma il contenuto della modifica del <style> sar� visualizzato alla pagina. Nascondendolo nell'elemento di commento del HTML:�, � possibile impedire un vecchio browser la visualizzazione del soddisfare.

Stili in-linea

Inserendo le regole degli stylesheets a destra nel mezzo di tutto il vostro HTML � denominato come stylesheet in-linea. Potrebbe assomigliare a questo:

<html>
<head>
<title>My First Stylesheet</title>
</head>
<body>
<h1 style="color: orange; font-family: impact">Stylesheets: The Tool of the Web Design Gods</h1>
<P style="background: yellow; font-family: courier">Amaze your friends! Squash your enemies!</P>
</body>
</html>

Fogli multipli di stile

Nello stile differente riveste se alcune propriet� sono state regolate per lo stesso selettore che i valori saranno ereditati dal foglio pi� specifico di stile.�

Per esempio, un foglio esterno di stile ha queste propriet� per il selettore h4:

h4
{
color: blue;
text-align: left;
font-size: 8pt
}

E un foglio interno di stile ha queste propriet� per il selettore h4:

h4
{
text-align: right;
font-size: 20pt
}

Se la pagina con il foglio esterno di stile inoltre si collega al foglio interno di stile allora le propriet� per h4 saranno:

color: blue;
text-align: right;
font-size: 20pt

L'testo-allineamento e il serie-formato � sostituito dal foglio interno di stile ed il colore � ereditato dal foglio esterno di stile.

Keywors: css friendster profile editor, css codes, css tutorial, dvd region css free, css code background for friendster, free friendster background css codes, myspace css code generator, css templates, css style sheets, css layouts

HTML Quizes

XML Quizes