Adobe_CS4 Dreamweaver_468x60

Types de selecteurs CSS

Selecteur universel : vous spécifiez les styles de tous les éléments :

Exemple :

* {
font-size: 2em;
}

Selecteur générique : vous spécifiez simplement les styles d'une balise HTML ou XHTML.

Exemple :

p {
font-size: 2em;
}

Selecteur descendant : vous spécifiez les styles d'un selecteur par rapport à un autre.

Exemple :

p span {
font-size: 2em;
}

Selecteur enfant : vous spécifiez les styles d'un selecteur directement sous un autre.

Exemple :

p > span {
font-size: 2em;
}

Selecteur adjacent : vous spécifiez les styles d'un selecteur par rapport à un autre, comme pour un selecteur descendant, mais uniquement l'élément immédiatement descendant.

Exemple :

p + span {
font-size: 2em;
}

Attribut : vous spécifiez les styles pour certaines balises acceptant un attribut :

Exemple :

a[href="http://www.dreamweaver-php.com"] {
font-size: 2em;
}

Classe : vous spécifiez les styles pour tous les éléments utilisant l'attribut class.

Exemple :

.classe {
font-size: 2em;
}

ID : vous spécifiez les styles pour un élément utilisant l'attribut id

Exemple :

#id {
font-size: 2em;
}

Attention, l'interprétation de certains sélecteurs est aléatoire selon les navigateurs (en particulier sur Internet Explorer).

Retour aux tutoriaux

Livres

The Zen of CSS Design: Visual Beauty for the Web

CSS : Le web avec du style

Design web : utiliser les standards : CSS et XHTML

Liens

Dreamweaver Media Box

Optimiseur de CSS

CSS vault

Openweb

CSS zen garden

Compatibilit?s CSS

Forum alsacreations

10 raisons de passer ? XHTML, CSS et DOM

Exemple de site que vous pouvez construire avec Dreamweaver : poker.bwin.com. Développez votre propre site de paris sur le foot avec le logiciel Dreamweaver. Avec un peu d'expérience, vous saurez développer rapidement et efficacement un module qui permette à vos visiteurs de parier en direct. Vous pourrez alors proposer une interface qui permet de faire des paris sur le foot sur votre site.

RSS

RSS

Yeca - Ultimteam - CC - Webmaster PHP - Blog geek