le MEMO du WEB développeur
••• CSS •••  Liste des Mémos, astuces et bonnes pratiques

Utiliser des constantes dans un fichier CSS

Une façon (je ne mesure pas vraiment sa pertinence ...) de créer des constantes de couleur en css consiste à simuler un CSS avec du php

Création d'un fichier CSS en PHP

Soit le fichier suivant style.php

<?php
   header('Content-type:text/css');
   $macouleur = "red";
   echo "#mondiv { border: 1px solid ". $macouleur ."; }";
   echo ".monspan { border-bottom: 1px solid ". $macouleur ."; }";
?>

Déclaration du fichier CSS généré en PHP dans la balise <head>

<head>
<link rel="stylesheet" href="<?php echo 'style.php'; ?>" type="text/css">
</head>

En attendant mieux ....

Lien sur la génération de CSS en php (en anglais) :

http://oldblog.pixarea.com/index.php/2007/01/07/62-dynamic-css-magic-with-php.

Ce mieux peut être LessPHP dont parle l'article d'Alsacreation daté du 9/11/2011 (apparemment sujet à polémique dans les commentaires par rapport)

http://www.alsacreations.com/article/lire/1307-des-css-dynamiques-grace-a-lessPHP.html

publié le 08/12/2011 par Memo Web
Commenter le Mémo :

Rajouter du texte dans un élement via CSS
Width à  100% avec padding : Lorsque l'élément est plus large que prévu
Rajouter une image en CSS avec la balise :before ou :after
Aligner verticalement du texte avec une image
Centrer une image horizontalement
Une bordure en pointillés en CSS3 - Effet couture.
Ombrage - propriété box-shadow
Colorer une ligne sur 2 dans un tableau en CSS3
Faire appel à un fichier CSS à l'intérieur d'un autre fichier CSS
Comment utiliser une police google web font sur son site Internet
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos