28172 sujets

CSS et mise en forme, CSS3

Hello there Smiley smile

Je viens de tomber sur un très bon article au sujet du box-sizing et dans une de leurs démos, on peut voir ce code-ci :

CODE HTML



    <div id="content-box">
    <p>content-box</p>
    </div>
    <div id="border-box">
    <p>border-box</p>
    </div>



CODE CSS

%box {
width: 120px;
height: 120px;
padding: 20px;
margin: 10px;
border: 5px solid #000;
background: #FCD562;
}
#content-box {
@extend %box;
box-sizing: content-box;
}
#border-box {
@extend %box;
box-sizing: border-box;
}


Est-ce que quelqu'un peut m'expliquer ce que signifie un élément appelé avec % dans le CSS ?

D'avance, merci beaucoup Smiley lol
Ça a l'air vraiment très intéressant cette histoire de Sass, je découvre ça aujourd'hui.
Il faudra que je me penche sur la question !

Merci Smiley smile