css 3

Jenny's picture
Submitted by Jenny on Mon, 09/16/2013 - 19:04

Mémo: Si en html ID, alors le style css commence par # - si class alors style en .

Cf aussi http://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048

Ex simple

ex html 5

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <link rel="stylesheet" href="style.css" />
        <title>Tests CSS3</title>
    </head>
    <body>
        <h1>Titre 1</h1>
        <img src="images/logo.png" alt="Logo du site" id="logo" />
        <p class="intro">Le texte d'intro</p>
        <p>Paragraphe</p>
    </body>
</html>

note: avec ID utilisable qu'une seule fois. Span et div.

 

ex css3

.intro
{
    color: blue;
}
#logo
{
    /* Indiquez les propriétés CSS ici */
}

 

Sélecteurs avancés Css 3 (* > +)

 

Plus sur le web

voir en fr http://www.siteduzero.com/informatique/tutoriels/apprenez-a-creer-votre-...

ref en fr http://www.w3.org/Style/css3-selectors-updates/WD-css3-selectors-2001012...

fabriquer simplement des bouttons http://css3button.net/