Saturday, 7 March 2015

Information de base CSS

Au début de chaque site;

Balise *
Boite/Padding 0 (Idem pour tout)
Boite/Margin 0 (Idem pour tout)
Bordure visible pour voir chaque boite

Balise HTML
Couleur d'arrière plan
height 100%

Pour centrer body;
Width fixe par exemple 800px
margin-right: auto
margin-left: auto

Pour ajouter un hyperlien
<a href="www.google.com">Ici </a>

Comment créer un liste
<ul>
  <li>hello</li>
  <li>hiya</li>
  <li>howdy</li>
</ul>






















































































Pour ajouter une image
<a href="..."><img src="..."></a>

Pour aligner une image


Exemples de sites et explications



Pour faire comme l'exemple (modifier la taille et la ligne du texte)


<html>
<body>
<p>
 When <strong>creativity</strong> meets the <strong>web everything</strong> becomes <strong> real</strong> 
</p>
</body>
</html>

Modifie balise p;
-change la taille du typo
-line height (faut que ça soit beaucoup moins que la taille du typo et moins que le padding)
-change display bloc

Modifie balise strong;
-change la couleur

p {font-family: "Arial Black", Gadget, sans-serif;
     font-size: 36px;
     line-height: 2px;}

strong {font-family: "Arial Black", Gadget, sans-serif;
color: #F00;}





No comments:

Post a Comment