LaboCSS
présentation
propriétés
code HTML
code CSS
sélecteur : 

Gabriel Braun : Université de Strasbourg - contact

Mes autres sites à vocation pédagogique: TechWeb et Excel Autoformation

Valid XHTML 1.0 Strict

modèles

Présentation

Les marges

Menu horizontal

Centrer la page

Mise en page

Tableau forcé

 

 

 

soumettre une page :

URL

Memo

sélecteurs

éléments

classes

pseudo-classes

pseudo-éléments

attributs

propriété

les unites

la police

les marges

les bordures

les dimensions

le fond

le texte

position

liste, table

Choisir un fichier html

Choisir un fichier html

css



margin auto padding
all
top
right
bottom
left
width style color
all
top
right
bot
left
font-size font-family
line-height
font-weight
font-style
font-variant
font-stretch
text-transform
text-decoration color
auto min max
width
height
color image
 
x repeat
y attach
letter-spacing text-align
word-spacing vertical-align
text-indent white-space
direction
content image
position visibility float
overflow display clear
emplacement auto clip
top
right
bottom
left
z-index
list-style-type list-style-position
list-style-image
choisir une image
border-collapse border-spacing
empty-cells x :
caption-side y :
table-layout

fermer

LaboCSS : un laboratoire d'expérimentation CSS

LaboCSS est un outil en ligne permettant de concevoir interactivement une feuille de style. Il peut être utilisé à des fins pédagogiques afin d'expérimenter individuellement et visuellement les sélecteurs et propritétés CSS ou pour l'élaboration d'une mise en page complète lors de la conception d'un site.

roue

sélecteurs

tutoriel sélecteurs

visualisez les éléments visés par l'application d'un sélecteur

Sélecteurs CSS2 reconnus :

  • sélecteur d'éléments
  • sélecteur d'éléments imbriqués
  • sélecteurs de classes
  • sélecteurs d'id
  • sélecteurs d'attribut
  • peuso-éléments
  • pseudo-classes.

propriétés

tutoriel propriétés

appliquez dynamiquement des propriétés CSS à la sélection

Les propriétés sont regroupées par catégories :

  • dimensions
  • police
  • fond
  • texte
  • bordure
  • position
  • liste
  • table

LaboCSS : un laboratoire d'expérimentation CSS

LaboCSS est un outil en ligne permettant de concevoir interactivement une feuille de style. Il peut être utilisé à des fins pédagogiques afin d'expérimenter individuellement et visuellement les sélecteurs et propritétés CSS ou pour l'élaboration d'une mise en page complète lors de la conception d'un site.

roue

sélecteurs

tutoriel sélecteurs

visualisez les éléments visés par l'application d'un sélecteur

Sélecteurs CSS2 reconnus :

  • sélecteur d'éléments
  • sélecteur d'éléments imbriqués
  • sélecteurs de classes
  • sélecteurs d'id
  • sélecteurs d'attribut
  • peuso-éléments
  • pseudo-classes.

propriétés

tutoriel propriétés

appliquez dynamiquement des propriétés CSS à la sélection

Les propriétés sont regroupées par catégories :

  • dimensions
  • police
  • fond
  • texte
  • bordure
  • position
  • liste
  • table
remplacer les élements :supprimer les attributs :
center align target link
font border width vlink
strike bordercolor height alink
s bordercolorlight background cellspacing
u bordercolordark bgcolor cellpadding
basefont nowrap clear text
supprimer les attributs hspace noshade size
style vspace star value