- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- css esterno con layout
-
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>
<!-- cento -->
<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>
-
- 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.
-
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