Aide mémoire CSS I

Quelques astuces CSS, pour archive.

Voilà un article qui se contentera de lister quelques « astuces », sans doute déjà connues en CSS. C’est surtout pour les laisser accessible dans mon coin du web, et partant, les retenir.

Encadrer une citation de guillemets français

Et des espaces insécables qui vont avec.
blockquote:before {content:'\00ab\00a0';}
blockquote:after {content:'\00a0\00bb';}
Une combinaison de sélecteurs CSS (:before et :after) et de content.
Petite difficulté liée à content et qui ne me content(e) pas ahaha : on ne peut pas y placer d’entités XML. Si on insère le caractère UTF-8 directement (via une disposition de clavier BÉPO ou un autre mode de saisie), je suppose que cela doit marcher. Mais pour être sûr, on insère plutôt le code UTF-8 (\00a0 pour l’espèce insécable, par exemple).

Normaliser un titre

h1 {text-transform:lowercase;}
h1:first-letter {text-transform:uppercase;}
Si l’on a extrait du texte brut d’un PDF (tâche assez ingrate), ou si le texte provient d’une personne ne sachant manifestement pas désactiver VERR.MAJ, il peut être utile de normaliser le texte, ou un titre de cette façon. Cela ne change pas le contenu HTML (hé, CSS n’est pas fait pour ça), mais cela peut avoir son utilité.

Aucun commentaire.