Générer vos classes CSS automatiquement
à partir de votre code HTML
Le 2013-08-01 10:31:13, par FirePrawn, Expert éminent sénior
Je vous propose un petit générateur de CSS très simple.
En effet, le générateur fournit par css-tr.com vous permet de générer votre code CSS (uniquement les définitions bien sûr) en parsant votre code HTML.
Ainsi, pour chaque élément le générateur regarde s'il trouve un attribut id ou un attribut class et ajoute le code CSS correspondant.
Pour le code HTML suivant :
Nous obtenons avec le générateur le code CSS suivant :
À vous de tester !
Générateur de code CSS.
Source : css-tr.com
Et vous ?
Utilisez-vous un outil du même genre pour simplifier l'écriture de votre code CSS ?
En effet, le générateur fournit par css-tr.com vous permet de générer votre code CSS (uniquement les définitions bien sûr) en parsant votre code HTML.
Ainsi, pour chaque élément le générateur regarde s'il trouve un attribut id ou un attribut class et ajoute le code CSS correspondant.
Pour le code HTML suivant :
Code html : |
1 2 3 4 5 6 7 8 9 10 11 12 | <div id="header"> <a class="logo"></a> </div> <div id="content"> <div class="main"> <h1 class="title">HTML to CSS Class</h1> <p class="info">Welcome to my website!</p> </div> </div> <div id="footer"> <a class="footer-link-a">Homepage</a> </div> |
Nous obtenons avec le générateur le code CSS suivant :
Code css : |
1 2 3 4 5 6 7 8 | #header {} #content {} #footer {} .logo {} .main {} .title {} .info {} .footer-link-a {} |
À vous de tester !
Source : css-tr.com
Et vous ?