Consignes
Saisir un code HTML ou CSS puis cliquer sur formater
Pour un code HTML, sélectionner les éléments HTML devant s'afficher sur une unique ligne
Une partie de code CSS entre $
est marquée (class mark),
Un nom de balise ouvrante ou fermante précédé d'un $
est marqué (<$p> ou </$p>)
Un nom ou une valeur d'attribut précédé d'un $
est marqué
Intégrer la CSS ci-dessous :
.html {
background : #b9d6ea;
margin-left : 20px;
margin-right : 20px;
margin-top : 20px;
}
div.html div {
margin-left : 20px;
}
span.prop:last-child {
padding-left : 0px;
}
span.sel {
color : #ff9300;
font-weight : bold;
}
span.prop {
color : #5d3c7e;
padding-left : 30px;
}
span.propval {
color : #829f6a;
}
span.val {
color : #577e36;
}
.bal {
color : blue;
}
.att {
color : #ff7600;
}
.val {
color : #9d9b99;
}
b.mark, b.mark .balise, b.mark .attrval {
color : red;
!important;
}
b.mark .val {
color : red;
!important;
}