APG_STYLE: Page de test pour CSS

English Version

Cette page affiche la plupart des Tags HTML avec le format CSS que vous définissez : c'est un moyen facile et rapide de tester que vous n'avez rien oublié dans votre code CSS. Techniquement, cette page est une liste des tags usuels, construite à partir de la Tivoli Sample Page, transformée en formulaire PHP pour permettre l'interaction.

Aide :

Formulaire vierge : Le texte par défaut sera affiché selon les standards de votre navigateur

URL externe : Vous pouvez indiquer jusqu'à 4 fichiers CSS externes, qui seront liés (link rel) dans l'ordre indiqué

Code CSS : Tout code CSS saisi ici sera inséré dans la page entre les tags <style></style>

Avancé:

Reset Yahoo! : Utilisation du Yahoo! Reset pour remettre à zéro certains tags avant votre code CSS

Reset complet : Pareil que Yahoo! reset en plus complet

Div ID (#): Le texte ci-dessous est encadré dans une balise DIV. Vous pouvez ajouter un ID afin d'y tester une partie seulement de votre code.

Div Name (class): Pareil, avec l'utilisation de Class plutôt que ID

Text:Vous pouvez changer le Lorem ipsum saisi par défaut

En cas de problème, difficulté, bug, crash, résultat surprenant : merci de me prévenir

Merci, Philippe Gouillou
www.gouillou.com

PS: Les pubs Google ci-dessous devraient être automagiquement ciblées afin de vous intéresser:

URL de fichier(s) CSS

1er fichier :
2ème fichier :
3ème fichier :
4ème fichier :

Code CSS

Sans <style> </style>

Avancé :

Reset Yahoo! :
Reset complet :

Div ID (#):
Div Name (Class):

Texte :
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus urna. Morbi pulvinar nunc et nunc. Cras sed libero a elit feugiat hendrerit. Nulla magna dui, viverra ac, blandit sit amet, mollis non, lorem. Nullam commodo, arcu accumsan lobortis vulputate, ante lacus pretium orci, et congue orci orci sit amet odio. Quisque dolor. Morbi elementum hendrerit nisi. Nulla mi sapien, porta eu, ornare in, auctor ut, nisi. Nunc vel erat. Duis sed nisl quis dolor interdum pretium. Cras molestie, felis sit amet viverra placerat, risus turpis mollis risus, non blandit eros mi eu lacus. Mauris tempor metus non erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam nec ligula. Ut aliquet elit cursus urna rutrum pretium. Fusce diam neque, volutpat ut, aliquam nec, ultricies eu, nunc. Vestibulum hendrerit purus ac est. Cras pulvinar erat ac est. Suspendisse tortor.

Image liée avec attribut Title:

Level 1 heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus urna. Morbi pulvinar nunc et nunc. Cras sed libero a elit feugiat hendrerit. Nulla magna dui, viverra ac, blandit sit amet, mollis non, lorem. Nullam commodo, arcu accumsan lobortis vulputate, ante lacus pretium orci, et congue orci orci sit amet odio. Quisque dolor. Morbi elementum hendrerit nisi. Nulla mi sapien, porta eu, ornare in, auctor ut, nisi. Nunc vel erat. Duis sed nisl quis dolor interdum pretium. Cras molestie, felis sit amet viverra placerat, risus turpis mollis risus, non blandit eros mi eu lacus. Mauris tempor metus non erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam nec ligula. Ut aliquet elit cursus urna rutrum pretium. Fusce diam neque, volutpat ut, aliquam nec, ultricies eu, nunc. Vestibulum hendrerit purus ac est. Cras pulvinar erat ac est. Suspendisse tortor.

Level 02 Heading

Level 03 Heading

Level 04 Heading

Level 05 Heading

Level 06 Heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus urna. Morbi pulvinar nunc et nunc. Cras sed libero a elit feugiat hendrerit. Nulla magna dui, viverra ac, blandit sit amet, mollis non, lorem. Nullam commodo, arcu accumsan lobortis vulputate, ante lacus pretium orci, et congue orci orci sit amet odio. Quisque dolor. Morbi elementum hendrerit nisi. Nulla mi sapien, porta eu, ornare in, auctor ut, nisi. Nunc vel erat. Duis sed nisl quis dolor interdum pretium. Cras molestie, felis sit amet viverra placerat, risus turpis mollis risus, non blandit eros mi eu lacus. Mauris tempor metus non erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam nec ligula. Ut aliquet elit cursus urna rutrum pretium. Fusce diam neque, volutpat ut, aliquam nec, ultricies eu, nunc. Vestibulum hendrerit purus ac est. Cras pulvinar erat ac est. Suspendisse tortor.

Address: Example address 224, Sweden

Preformated:Une ligne
            une autre ligne

Je suis un lien non visité (vers une page inexistante)
Je suis a lien visité (vers cette page)
Je suis le tag abbr
Je suis le tag acronym
Je suis le tag b
Je suis le tag big
Je suis le tag cite
Je suis le tag code
Je suis ~~le tag del~~
Je suis le tag dfn
Je suis le tag em
Je suis le tag font (verdana)
Je suis le tag i
Je suis le tag ins
Je suis le tag kbd
Je suis le tag q texte inséré dans un q
Je suis ~~le tag s~~
Je suis le tag samp
Je suis le tag small
Je suis le tag span
Je suis ~~le tag strike~~
Je suis le tag strong
Je suis _{le tag sub}
Je suis ^{le tag sup}
Je suis le tag tt
Je suis le tag var
Je suis le tag u

Liste non ordonnée 01
Liste non ordonnée 02
Liste non ordonnée 03
- Liste non ordonnée à l'intérieur d'une liste niveau 2
- Liste non ordonnée à l'intérieur d'une liste niveau 2
  - Liste non ordonnée à l'intérieur d'une liste niveau 3
  - Liste non ordonnée à l'intérieur d'une liste niveau 3

Liste ordonnée 01
Liste ordonnée 02
Liste ordonnée 03
1. Liste ordonnée à l'intérieur d'une liste niveau 2
2. Liste ordonnée à l'intérieur d'une liste niveau 2
  1. Liste ordonnée à l'intérieur d'une liste niveau 3
  2. Liste ordonnée à l'intérieur d'une liste niveau 3

Description liste title 01: Description liste description 01
Description liste title 02: Description liste description 02; Description liste description 03

Table Caption
Table head th	Table head td
Table foot th	Table foot td
Table body th	Table body td
Table body td	Table body td