Come associare css a html

Come facciamo ad associare CSS a html?

css html - Come associare css a html

Se siete arrivati in questa pagina sono sicuro che già conoscete il termine css e quinidi il vostro problema è: come facciamo ad associare un foglio di stile (css) alla nostra pagina html?

Giustamente ogni buon webmaster dovrebbe dividere la struttura html e le regole css a parte ma come si fa?

Attualmente esistono 3 modi per inserire un css in un foglio html.

Metodo 1: regole css dentro html

questo è sicuramente il metodo più semplice e anche il meno usato, a meno che voi abbiate poche regole css solo per una determinata pagina, in questo caso potete scrivere direttamente le regole css nell’head del vostro html senza creare nessun foglio .css, potete seguire lo script in basso:

<head>

      <style type="text/css">

       /*scrivete le vostre regole css */

      </style>

</head>

Molto semplice, ma ricordate di inserire le regole tramite /*   */.

Metodo 2: incorporare un foglio css esterno

in questo caso diamo per scontato che voi abbiate costruito il vostro file .css e vogliate inserirlo nel vostro html, seguite lo script in basso sempre da inseire nell’ head:

<head>

      <link rel="stylesheet" href="miostile.css" type="text/css" />



</head>

bene, come vedete non si fa altro che un richiamo al foglio css.

Metodo 3: inserire css in un altro css

ebbene si avete capito bene, possiamo incorporare dei css in altri css basta che all’inizio del css scriviamo @import “css2.css”;  Questo si usa quando si vogliono fare dei css molto strutturati, magari un foglio per i colori, uno per i contenitori e uno per la formattazione.

Spero che il mio post su come inserire css dentro html via sia utile.

[amazon_link asins=’8850334044,8850324693,B0062NFNXI’ template=’ProductCarousel’ store=’createwebsite-21′ marketplace=’IT’ link_id=’10018d6c-e7c5-11e7-8e73-1b1b8dcd5632′]

About Esperto SEO

Avatar for Esperto SEO
Esperto SEO e Wordpress. Ha la sua società "Comunicazione Web s.r.l" a Roma.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *