Outils gratuits de creation de feuille de style CSS en ligne
- Des outils pour créer du code
css gratuitement
Générez facilement votre code css pour le copier sur le bloc note. - Les styles des balises html (voir ci-dessous)
- Le style du Body : Déterminez l'aspect général de vos pages, couleur ou image d'arrière-plan, police...
- Les styles personnalisés (classe) (voir ci-dessous)
- Classe pour du texte : mettre en forme du texte, sa police, sa couleur, sa taille, sa casse, etc...
- Classe pour un bloc : mettre en forme un bloc, sa police, sa bordure, ses marges, etc...
- Pour créer votre feuille de style
- Ouvrez le bloc note, copiez-y les codes que vous aurez créés avec ces outils gratuits et enregistrez ce fichier à la racine de votre site (c'est à dire au même endroit que votre page "index.html"). Nommez-le "style" par exemple. Allez le rechercher avec votre navigateur et changez son extension en .css (style.css). Vous avez votre feuille de style que vous pourrez compléter au fur et à mesure de vos besoin.
- Ensuite il faut ajouter des lignes de code en haut de chaque page
qui doit afficher les paramètres de la feuille de style :
- Le style des balises body
- On peut appliquer un style à chaque balise html, le choix est
vaste :
a address b blockquote body br cite code dd dfn div dl dd dt em h1 h2 h3 h4 h5 h6 hr i img kbd li ol p pre s samp span strong table td th tr tt u ul var
Ces styles seront appliqués chaque fois qu'une de ces balises sera utilisée dans le code.
- On peut appliquer un style à chaque balise html, le choix est
vaste :
- Les classes de style
- Une "classe" est une série d'instructions de style (couleur, taille, arrière-plan, marges...) qui peuvent s'appliquer à n'importe quel élément de la mise en page. On leur donne un nom qui commence obligatoirement par un point, exemple : .classe1
