Cours web 2 css3 Partie CSS CPlan Plan de la présentation Principe de base O? écrit on le css Formatage du texte La couleur du fond Les bordures et les ombres Les sélecteurs Notion de class et id Pseudo class et pseudo élément Les modèle de bo? tes Flux e

Partie CSS CPlan Plan de la présentation Principe de base O? écrit on le css Formatage du texte La couleur du fond Les bordures et les ombres Les sélecteurs Notion de class et id Pseudo class et pseudo élément Les modèle de bo? tes Flux et positionnement CPrincipe de CSS Principe de CSS Le CSS est un langage permettant la mise en page d ? une page web Attention à ne pas confondre ? Le HTML dit le contenu de ce qu ? il y a sur la page Je veux un titre Je veux une image Je veux un paragraphe qui dit ça ça ça ? ? Le CSS dit comment a ?cher ce qu ? il y a sur la page Je veux que les titres soient centrés Je veux qu ? une image soit encadrée en vert Je veux que le fond soit rouge ? CExemple Principe de CSS Page sans CSS Page avec CSS CSyntaxe sélecteur accolades bloc de déclarations règle CSS h color red text-align center Principe de CSS déclaration identi ?cateur de propriété séparateur entre déclarations valeur facultatif à la ?n CPrincipe de CSS Les sélecteurs Les sélecteurs sont des caractères alphanumériques qui identi ?ent la règle ? Sélecteur HTML ? La classe ? L'ID CPrincipe de CSS Règle CSS présentation du code Présentation possible h color red text-align center Présentation conseillée avec indentation et passage à la ligne h color red text-align center Bonne Pratique CLes commentaires Principe de CSS Comme en HTML il est possible de mettre des commentaires Pour faire un commentaire on tape suivi du commentaire Vos commentaires peuvent être sur une ou plusieurs lignes Par exemple essai css Par Flen Fichier créé le jour j p color blue Les paragraphes seront bleus CO? écrit on le CSS F titre On peut introduire un code en langage CSS de façons Dans un ?chier CSS Dans l ? en-tête du ?chier HTML Directement dans les balises via l ? attribut style CO? écrit on le CSS F Du CSS à travers un ?chier CSS Pour qu ? une page HTML puisse utiliser un ?chier CSS il faut le référencer dans la partie avec la balise link CO? écrit on le CSS F Du CSS dans le du ?chier HTML On peut intégrer à l ? aide de la balise head du code CSS sans passer par une page CSS CO? écrit on le CSS F Du CSS directement dans les balises C ? est la manière la moins recommandée Je ne suis pas recommandé CFormatage du texte F Formatage du texte La taille La police Styles du texte L ? alignement Les ottants CFormatage du texte F La taille font-size Balise font-size valeur taille absolue valeur en pixels en centimètres ou millimètres taille relative valeur en pourcentage em ? ou ex ? CLa taille Taille absolue Balise font-size valeur px Exemple font-size px Une lettre de pixels de hauteur CUne valeur relative C'est la méthode recommandée car le texte s'adapte alors

  • 33
  • 0
  • 0
Afficher les détails des licences
Licence et utilisation
Gratuit pour un usage personnel Aucune attribution requise
Partager