IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Générer vos classes CSS automatiquement
à partir de votre code HTML

Le , par FirePrawn

17PARTAGES

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 :

Code html : Sélectionner tout
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 : Sélectionner tout
1
2
3
4
5
6
7
8
#header {}  
#content {}  
#footer {}  
.logo {}  
.main {}  
.title {}  
.info {}  
.footer-link-a {}

À 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 ?

Une erreur dans cette actualité ? Signalez-le nous !