Introduzione al CSS

« Older   Newer »
 
  Share  
.
  1. ~iSamur@i
        +1   Like  
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    1,878
    Reputation
    +50
    Location
    Treviso

    Status
    Anonymous

    CSS: Come si inseriscono


    I CSS possono essere inseriti in una pagina web principalmente in quattro metodi:

    1) Tag link

    Questo metodo non può essere usato su Forumfree & co.


    col tag link si "linka" in un documento HTML un'altro file contenente le regole CSS; per farlo si inserisce nell'head della pagina il seguente tag:
    CODICE
    <link rel="stylesheet" href="indirizzo del file" type="text/css" />




    2) Tag Style
    col tag style si possono definire le regole direttamente nella pagina HTML: basta infatti scriverle dentro al tag style così:
    CODICE
    <style>
    regola 1
    regola 2
    regola 3
    </style>

    in genere il tag style si mette nell'head della pagina, ma in realtà è corretto metterlo in qualsiasi punto di essa (l'head è preferito perchè in genere dentro ad esso si mettono tutti i contenuti che non sono informazioni per l'utente)



    3) @import

    Questo metodo non può essere usato su Forumfree & co.


    @import non è un vero e proprio metodo a parte, bensì una variante del metodo col tag style: semplicemente si può mettere dentro a questo tag questa regola per fargli prendere tutte le regole contenute in un'altro file, in modo molto simile al tag link; la sintassi è:
    CODICE
    <style>
    @import url(indirizzo del file);
    </style>




    4) In linea
    l'ultimo metodo è quello di scrivere direttamente nel tag HTML il CSS, con la seguente sintassi:
    CODICE
    <span style="qui vanno le regole"></span>

    (ovviamente non vale solo per span, ma per qualsiasi tag)
    Questo metodo però è il meno raccomandato dei 4, in quanto rende la pagina molto ridondante, e in realtà andrebbe usato solo per fare dei test; servizi come Forumfree però non permettono ad ogni utente di modificarsi il tag style per aggiungersi le proprie regole, perciò questo in realtà è l'unico modo utilizzabile liberamente da chiunque per stilizzare ad esempio dei post.
    Da notare infine che proprio perché sono inseriti in linea i CSS in questo caso non hanno bisogno del selettore, in quanto si applicheranno solo a quell'elemento.


    Edited by ~iSamur@i - 1/1/2015, 18:43
     
    .
12 replies since 30/12/2014, 18:26   403 views
  Share  
.