Scribd
Importer
24 vues2 pages

Css Resumé

Transféré par

yooostinky
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
24 vues2 pages

Css Resumé

Transféré par

yooostinky
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
Vous êtes sur la page 1/ 2

Qu'est-ce que le langage CSS ?

Le CSS, pour Cascading Style Sheets est un langage utilisé pour mettre en forme une
page web Le code CSS indique au logiciel quels devraient être la mise en page, la palette de
couleurs et le formatage à utiliser pour le contenu HTML de la page web. Le CSS est donc une
liste de règles devant être appliquées au contenu HTML de la page pour tout ce qui concerne
les couleurs de fond, les polices, l'espacement entre les lignes, ou encore l'alignement.

Il y a trois manières d’ajouter du style à votre page :


– en ajoutant le code dans vos balises HTML à l’aide de style="...",

– en ajoutant au début de votre fichier .html des balises <style>...</style>,

– en créant un fichier .css à part et en l’appelant dans votre fichier .html.

Qu'est-ce qu'un sélecteur ?


Toute règle CSS commence par un sélecteur. Un sélecteur est une expression qui indique au
navigateur à quelle entité HTML s'applique la règle CSS correspondante. Le ou les éléments
ciblés par le sélecteur sont le sujet de ce sélecteur.

Il existe de nombreux types de sélecteurs CSS et autant de moyens de cibler des contenus HTML
en CSS :
Sélecteur Description
E Sélectionne tous les élément de type E
.maclasse Sélectionne les éléments E possédant un attribut class="maclasse"
#monid Sélectionne un élément E possédant un attribut id="monid"
E:link Sélectionne tout élément E représentant l’ancre d’un lien non visité jusqu’à présent
E:visited Sélectionne tout élément E représentant l’ancre d’un lien déjà visité
E, F Sélectionne tous les éléments de type E et de type F
EF Sélectionne tous les éléments F à l’intérieur des éléments E
E:active Sélectionne un élément E qui est actuellement cliqué
* Sélectionne tous les éléments
E:hover Sélectionne un élément E qui se situe sous le curseur de la souris
E:focus Sélectionne un élément E qui a le focus

Systèmes, technologies et
Internet
Les attributs HTML class et id et les sélecteurs CSS associés
Nous utiliserons généralement des attributs class pour définir des styles généraux et communs
plusieurs éléments dans une même page. Comme nous pouvons donner une même class à plusieurs
éléments, ils hériteront tous des mêmes styles.

En revanche, comme chaque id doit être unique dans une page, nous utiliserons ce sélecteur pour
appliquer des styles très précis et pour être sûr de ne cibler qu’un élément HTML en CSS.

#orange{ color: orange;}


#gros{ font-size: 24px;}
.bleu{ color: blue;}
.vert{ color: green;}

box-sizing: border-box;

Systèmes, technologies et
Internet

Vous aimerez peut-être aussi