Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Tipuri de Stiluri

    Încărcat de

    EnacheNadejda
    11 vizualizări2 pagini
    Stiluri in HTML

    Titlu original

    Tipuri de stiluri

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    DOCX, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document
    Stiluri in HTML

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    11 vizualizări2 pagini

    Tipuri de Stiluri

    Încărcat de

    EnacheNadejda
    Stiluri in HTML

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 2

    Tipuri de stiluri

    Stil extern
    Cu o foaie de stil extern, puteți schimba aspectul unui întreg site prin schimbarea doar un singur fișier!
    Fiecare pagină trebuie să includă o trimitere la fișierul extern foaie de stil în interiorul elementului <link>.
    Elementul <link> merge în interiorul <head>
    <head>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    </head>
    O foaie de stil extern poate fi scris în orice editor de text. Fișierul de nu trebuie să conțină nici un tag-uri
    html. Fișierul de foaie de stil trebuie să fie salvat cu extensia .css.

    Iată cum arată "myStyle.css":

    body {
        background-color: lightblue;
    }

    h1 {
        color: navy;
        margin-left: 20px;
    }

    Foaie de stil intern


    O foaie de stil internă poate fi utilizată în cazul în care o singură pagină are un stil unic.

    Stiluri interne sunt definite în elementul <style>, în interiorul <head> a unei pagini HTML

    <head>
    <style>
    body {
        background-color: linen;
    }

    h1 {
        color: maroon;
        margin-left: 40px;
    }
    </style>
    </head>

    Stilul inline

    Un stil inline poate fi utilizat pentru a aplica un stil unic pentru un singur element.

    Pentru a utiliza stiluri inline, adăugați atributul de stil pentru elementul relevant. Atributul style poate
    conține orice proprietăți CSS.

    Exemplul de mai jos arată cum se schimbă culoarea și marginea din stânga a unui element <h1>:

    <h1 style="color:blue;margin-left:30px;">This is a heading.</h1>

    Un stil inline pierde multe din avantajele unei foi de stil (prin amestecarea conținutului cu prezentare).
    Această metodă se utilizează cu moderație
    Mai multe coli de stil

    În cazul în care unele proprietăți au fost definite pentru același selector (elementul) în diferite foi de stil,
    valoarea din ultima foaie de stil de citire va fi utilizat.

    Exemplu
    Să presupunem că o foaie de stil extern are următorul stil pentru elementul <H1>:
    h1 {
    color: navy;
    }
    apoi, să presupunem că o foaie de stil intern are, de asemenea, următorul stil pentru elementul <H1>:
    h1 {
        color: orange;   
    }

    În cazul în care stilul intern este definit după link-ul de la foaia de stil extern, la <h1> elemente vor fi
    "portocaliu":

    <head>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    <style>
    h1 {
        color: orange;
    }
    </style>
    </head>

    Cu toate acestea, în cazul în care stilul intern este definit înainte de link-ul de la foaia de stil extern, la
    <h1> elemente vor fi "marina":

    <head>
    <style>
    h1 {
        color: orange;
    }
    </style>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    </head>

    Comanda cascading
    Ce stil va fi utilizat atunci când există mai mult de un stil specificat pentru un element HTML?
    In general vorbind, putem spune că toate stilurile vor "cascadă" într-o nouă foaie de stil "virtuale", prin
    următoarele reguli, în cazul în care numărul unu are cea mai mare prioritate:
    1. Stilul inline (în interiorul unui element HTML)
    2. foi de stil externe și interne (în secțiunea de cap)
    3. default browser

    Așa că, un stil inline (în interiorul unui element HTML specific) are cea mai mare prioritate, ceea ce
    înseamnă că va suprascrie stilul definit in interiorul <head> tag-ul, sau într-o foaie de stil extern, sau o
    valoare prestabilită de browser.

    S-ar putea să vă placă și