Css esterno da pagina html

utente

Nuovo Utente
2 Mag 2016
30
0
6
Vorrei creare un css esterno da questa pagina html preimpostata , da utilizzate come pagina base. Vorrei modificare il colore del testo da verde a nero , chi mi puo essere di aiuto, grazie :)
questa e il codice della pagina :

_______________________

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>prova</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#container{width:700px;margin:0 auto}
div#navigation{float:right;width:350px}
div#extra{float:left;width:350px}
div#footer{clear:both;width:100%}
</style>
</head>
<body>
<div id="container">
<div id="header"><h1>1 TESTO PRINCIPALE </h1></div>
<div id="wrapper">
<div id="content">
<p><strong>2 Titolo corpo testo evidenziato</strong></p>
<p>3 corpo testo</p>
<p>3 copo testo</p>
<p>3 corpo testo</p>
<p>3 corpo testo </p>
</div>
</div>
<div id="navigation">
<p>6 S<strong>otto titolo&nbsp; </strong>&nbsp;</p>
<p>&nbsp;7 testo lato dx&nbsp; </p>
</div>
<div id="extra">
<p><strong>4 Sotto titolo </strong>&nbsp;</p>
<p>5 testo lato 5 </p>
</div>
<div id="footer"><p>7 intestazione </p></div>
</div>
</body>
</html>


________________
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.042
149
63
PR
www.borgo-italia.it
ciao
per fare il file css esterno fai il cut della parte compresa tra
<style type="text/css"> e <style> (esclusi e poi li cancelli)

fai il paste del tagliato su un file che chiamerai esempio stile.css
al posto di <style type="text/css"> e <style> metti

<link rel="stylesheet" type="text/css" href="cartella/stile.css">
attento ai percorsi

per cambiarre i colore del testo devi operare sull'attrubuto color
per passare al nero color: #000000
 
  • Like
Reactions: utente

utente

Nuovo Utente
2 Mag 2016
30
0
6
grazie Borgo Italia, perfetto funziona :)
C'e una possibilita ancora di allegerire questa pagina hml al minimo , in modo da renderla il piu possibile leggera e scrivere solo il testo (l'uso è una pagina ripetitiva, con contenuto diverso) . grazie ciao
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.407
339
83
È già abbastanza leggera tolto il css e messo esternamente rimane ben poco, l'unica cosa che si può ancora fare è togliere gli spazi inutili (comprimerla) ma poi resta abbastanza illegibile il codice, a me sembra che non ne valga la pena se la pagina rimane quella postata anche con altro testo
 

utente

Nuovo Utente
2 Mag 2016
30
0
6
si , hai ragione, in effetti ho visto che è molto leggera ed era cio che volevo, se volessi aggiungere e se volessi un link " contatti " , collegato ad una determina pagina dove è presente un form, posso indicare questo nel css esterno, in modo che se dovesse cambiare url, possa aggiornarlo direttamente dal link della pagina dal css. grazie in anticipo
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.407
339
83
I link si possono aggiornare solo lato codice
 
Discussioni simili
Autore Titolo Forum Risposte Data
S come collegare un foglio css esterno alla pagina hyml HTML e CSS 4
D Aggiungere file .css esterno su Android HTML e CSS 4
M [css][php] codice php esterno non vede il css PHP 6
utente css esterno con layout HTML e CSS 1
A [HTML+CSS] footer che si aggiorna da un file esterno HTML e CSS 22
utente testo scorrevole con sfondo colorato con css esterno HTML e CSS 6
C Javascript e foglio css esterno Javascript 1
F tabelle con css esterno HTML e CSS 19
Z CSS Slideshow senza JS e JQUERY HTML e CSS 0
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
S problema con css bootstrap3 HTML e CSS 4
L Sovrascrivere CSS iframe su dominio diverso WordPress 0
E CSS non riconosciuto PHP 1
Shyson [CSS] Posizionare casella di ricerca HTML e CSS 3
Shyson Centrare box css HTML e CSS 2
R Primo script in PHP / CSS PHP 4
S non funzionano alcuni effetti (bottone futuristico creato con css) HTML e CSS 1
V [CSS] Uso degli id HTML e CSS 2
I creazione stile css HTML e CSS 3
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
P [WordPress] Messaggio di errore in file style.css WordPress 0
F [JavaScript] Ottenere il CSS dopo transform: scale() e transform-origin Javascript 0
StephenSoftware Flexbox: definizione nel CSS HTML e CSS 4
Tommy03 Variabile PHP per impostare una proprietà CSS PHP 2
R javascript lettura css cross-browser Javascript 1
U [WordPress] [CSS] Come faccio a spostare più in basso lo slider WordPress 0
L [Javascript]Alternativa al position:sticky nel CSS Javascript 0
A Strumenti per filtrare il css HTML e CSS 1
S Il Css non si aggiorna, svuotata cache HTML e CSS 6
N [css] :active HTML e CSS 1
Shyson [WordPress] [CSS] Formattare casella WordPress 0
Shyson [CSS] Titolo del sito cambia dimensione HTML e CSS 2
A icone css in selectmenu jQuery 2
M Problematica CSS (tag html,body) HTML e CSS 4
W [C#] Il componente "WebBrowser" non mi esegue css e javascript .NET Framework 0
W inclusioni css in eccesso, cosa fare? HTML e CSS 1
M [WordPress] Modifiche CSS su lightbox WordPress 2
T countdown da sistemare con i CSS... HTML e CSS 4
Y Finestra dialogo CSS Modal HTML e CSS 6
L [css e html] destra e sinistra (menu navigazione) HTML e CSS 3
P [Gratuito][Cerco] qualcuno per fare menu a tendina ottimizzato per mobile-responsive con css e html Offerte e Richieste di Lavoro e/o Collaborazione 3
D How to learn HTML and CSS? HTML e CSS 2
M CSS posizionamento stile HTML e CSS 2
I [HTML/CSS] Consigli sul mio primo sito HTML e CSS 9
V Galleria con CSS e Javascript Javascript 2
C CSS pagina a schermo intero HTML e CSS 3
V Menù CSS da file in cartella esterna HTML e CSS 4
Koboshi Cambiare il css di una pagina con tasto "on off" HTML e CSS 5
V [WordPress] Come modificare link in tasto menu css WordPress 21

Discussioni simili