Initiation HTML/CSS

Le CSS c'est quoi ?

LesBricodeurs 2017 - créé par Samy Rabih

Les CSS, c'est quoi ?

  • "Cascading Style Sheets"
  • Ensemble de styles d'affichage
  • Elles sont cumulatives
  • Les styles sont définis globalement
  • Norme actuelle : CSS3

A quoi ca sert?

  • Comparable aux styles d'un traitement de texte
  • On peut habiller du HTML
  • On peut même masquer des éléments

A quoi ca ressemble ?

tutu


tata
.toto {
  color:Green;
}
#titi {
  color:Blue
}

Les grandes familles de propriétés CSS

 

Source : OpenClassrooms

Texte (1/3)


font-family : Comic Sans MS Lucida Console

font-size : 28px 43px

font-weight : normal bold

font-style : normal italic

font-variant : normal small-caps

Texte (2/3)


text-align : left center right

vertical-align : : middle super

line-height : 200%

text-indent : 200px

text-shadow : ombre portée

Texte (3/3)


text-decoration : underline

Les webfonts

Couleur et opacité


color : Red #0000FF

opacity : opacité de 1 opacité de 0.1

Le fond (background)


background-color : Pink

background-image

background-repeat : no-repeat

background-position : right

Les dimensions


width, height

padding : ~ marge intérieure

margin : ~ marge extérieure

min-width, max-width, min-height, max-height

A vous de jouer !


Aller sur http://www.htmlinstant.com/


1 - Testez les balises

2 - Ajoutez des styles

3 - Faites un site CV