css esterno con layout

utente 0

css esterno con layout

ho necessita di creare una css esterno da questa piccola pagina html con layout ,molto semplice, chi puo darmi un aiuto ed suggerimento grazie .

questa e la pagina html :

inoltre, se possibile, vorrei aggiungere nel css esterno in link di collegmamento di richiamo pagina htm, per inviare un messaggio da un form invio pagina.html

PAGINA HTML

<html>
<head>
<meta charset="utf-8">
<title> </title>
<style>
.centro {
margin-left: auto;
margin-right: auto;
width: 80%;
}

</style>
</head>
<body>

<div class="centro">
<h1 style="font-family: Helvetica,Arial,sans-serif;">TESTO PRINCIPALE</h1>
<h4 style="font-family: Helvetica,Arial,sans-serif;"><big><big><big>Testo
secondario </big></big></big></h4>
<br>
<span style="font-family: Helvetica,Arial,sans-serif;">Testo contenuto </span><br>
<br style="font-family: Helvetica,Arial,sans-serif;">
<span class="style1"
style="color: rgb(0, 0, 0); font-family: Helvetica,Arial,sans-serif; font-size: medium; font-style: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"></span><span
class="style1"
style="color: rgb(0, 0, 0); font-family: "Times New Roman"; font-size: medium; font-style: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><br>
<span></span></span>
<table style="text-align: left; width: 100%;" border="0" cellpadding="0"
cellspacing="0">
<tbody>
<tr>
<td
style="vertical-align: top; background-color: rgb(52, 73, 94);"><br>
</td>
</tr>
</tbody>
</table>
</div>
</body>

skylinx

La pagina e' piccola e potresti fare a mano.... cmq per queste cose puoi usare un tool tipo http://extractcss.com/ o simili. Per quella pagina il CSS da estrarre in un file separato e' questo:


.centro > h1 {
  font-family: Helvetica,Arial,sans-serif;
}


.centro > h4 {
  font-family: Helvetica,Arial,sans-serif;
}


.centro > span {
  font-family: Helvetica,Arial,sans-serif;
}


.centro > br {
  font-family: Helvetica,Arial,sans-serif;
}


.centro > table {
  text-align: left;
  width: 100%;
}


.centro {
}


.style1 {
  color: rgb(0, 0, 0);
  font-family: Helvetica,Arial,sans-serif;
  font-size: medium;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  orphans: 2;
  text-align: start;
  text-indent: 0px;
  text-transform: none;
  white-space: normal;
  widows: 2;
  word-spacing: 0px;
}


.centro > h1 {
  font-family: Helvetica,Arial,sans-serif;
}


.centro > h4 {
  font-family: Helvetica,Arial,sans-serif;
}


.centro > span {
  font-family: Helvetica,Arial,sans-serif;
}


.centro > br {
  font-family: Helvetica,Arial,sans-serif;
}


.centro > table {
  text-align: left;
  width: 100%;
}


.centro {
}


.style1 {
  color: rgb(0, 0, 0);
  font-family: Helvetica,Arial,sans-serif;
  font-size: medium;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  orphans: 2;
  text-align: start;
  text-indent: 0px;
  text-transform: none;
  white-space: normal;
  widows: 2;
  word-spacing: 0px;
}


.centro > h1 {
  font-family: Helvetica,Arial,sans-serif;
}


.centro > h4 {
  font-family: Helvetica,Arial,sans-serif;
}


.centro > span {
  font-family: Helvetica,Arial,sans-serif;
}


.centro > br {
  font-family: Helvetica,Arial,sans-serif;
}


.centro > table {
  text-align: left;
  width: 100%;
}


.centro {
}


.style1 {
  color: rgb(0, 0, 0);
  font-family: Helvetica,Arial,sans-serif;
  font-size: medium;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  orphans: 2;
  text-align: start;
  text-indent: 0px;
  text-transform: none;
  white-space: normal;
  widows: 2;
  word-spacing: 0px;
}

Non ho capito la domanda.

utente 0

grazie, lo provo subito:) (y)
la pagina html . come rimate pulita dal css e layout ?
provo immediatamente
dopo risolto il 1) passo al seguente 2) .
ho provato ma non mi ha funzionato, ho spagliato qualcosa,
l'estrattore css è perfetto del sito extractss grazie !!
anche la pagina guida css sembra ben fatta, la rivedro appena possibile grazie ! !
saluti