Cours css3 1 Classe de première SI CSS Table des matièresLa petite histoire du CSS Déclaration du CSS Fichier css En-tête du ?chier HTML Directement dans les balises Appliquer un style Commentaires dans du CSS Style class et id Les balises universelles Le
Classe de première SI CSS Table des matièresLa petite histoire du CSS Déclaration du CSS Fichier css En-tête du ?chier HTML Directement dans les balises Appliquer un style Commentaires dans du CSS Style class et id Les balises universelles Les sélecteurs avancés Formattage du texte Habillage Couleur du texte Couleur de fond Images de fond Les Bordures Apparences dynamiques Le modèle des bo? tes Dépassement de texte Le positionnement Les positionnements absolu ?xe et relatif Le positionnement inline- block Squelette de base HTML ?? CSS -css odt CClasse de première SI La petite histoire du CSS CSS Cascading Style Sheets permet de choisir la couleur du texte la police utilisée la taille du texte les bordures le fond ? et de faire la mise en page du site menu à gauche en-tête calé en haut etc Aux débuts du Web CSS n'existait pas il n'y avait initialement que le langage HTML Cependant les pages HTML commençaient à devenir assez complexes Il y avait de plus en plus de balises et c'était un joyeux mélange entre le fond et la forme qui rendait la mise à jour des pages web de plus en plus complexe C'est pour cela que l'on a créé le langage CSS Déclaration du CSS On peut écrire du code en langage CSS à trois endroits di ?érents ? dans un ?chier css méthode la plus recommandée ? dans l'en-tête du ?chier HTML ? directement dans les balises du ?chier HTML via un attribut style méthode la moins recommandée Fichier css On écrit le plus souvent le code CSS dans un ?chier spécial ayant l'extension css Cela nous évite de tout mélanger dans un même ?chier Mon site Bonjour et bienvenue C -css odt Classe de première SI La ligne indique que ce ?chier HTML est associé à un ?chier appelé style css et chargé de la mise en forme Tout le site changera d'apparence En-tête du ?chier HTML Cela consiste à insérer le code CSS directement dans une balise Mon site Bonjour et bienvenue Toute la page changera d'apparence Directement dans les balises Ajouter un attribut style à n'importe quelle balise et insérerez le code CSS directement dans cet attribut Mon site Bonjour et bienvenue C md -a eda cbfa ada db ?e d f -css odt Classe de première SI ? Des propriétés CSS les e ?ets de style ? de la page sont rangés dans des propriétés Il y a par exemple la propriété color qui permet d'indiquer la couleur du texte ? Les valeurs pour chaque propriété CSS on doit indiquer une valeur Par exemple pour la propriété color il faut indiquer le nom de la couleur Prenons le code CSS suivant h color blue em color blue Il signi ?e que les titres et les textes importants doivent s'a ?cher en bleu Si les deux balises doivent avoir la même présentation il su ?t de combiner la déclaration en séparant les noms des balises par une virgule h em color blue Commentaires dans
Documents similaires
![](https://b3c3.c12.e2-4.dev/disserty/uploads/preview/11701428818ryy4prz4texpu8tuibhnhey4nbd9m75dszrabrmv6fwb2ag3czasmmuea5htouo14hzkh0dntipglmhx5ic5oyganj5t6cq4kws5.png)
![](https://b3c3.c12.e2-4.dev/disserty/uploads/preview/11701729038cjqf3ueoxurybzitgzq6tmuwpzctuuypsa9cgejxobk8nhnuwaj2ny1p56nqymoukxekklw2nayk8wmqcynmqmeyhe3cinmlswk1.png)
![](https://b3c3.c12.e2-4.dev/disserty/uploads/preview/11701408577g4snitverufphazq4ikgar5kjwi4lioh1devl4czemzyz21mi9ijaq9zkmanpitywicjpgkqhrhxpbd9lqhkduvdmtqsrgmbrmbh.png)
![](https://b3c3.c12.e2-4.dev/disserty/uploads/preview/11701382789pvkejng2wjiemessifhw3j6gis5wywf0dmwbm9gaxtbqwezm6ptvzr91dtiryxfvbk7kufvrozn1vvnsrfjib6huquvqnqwqxdke.png)
![](https://b3c3.c12.e2-4.dev/disserty/uploads/preview/11701388285veprdifmwthv7eiuz2qjoymygfqkhwyacqdwmpy77cr21qejcqubb9ropuqkfop5qkhnqr4wxorfadyid5hw1k27jvdvcytg0yfi.png)
![](https://b3c3.c12.e2-4.dev/disserty/uploads/preview/11701379305i38e30jvcrf3pi5qioznqb7lq43dichpc3lq7bleq4gajqym826ctawmwhmafnn3sz6ifmonh9y7psl22niqxxhdy54yijrununl.png)
![](https://b3c3.c12.e2-4.dev/disserty/uploads/preview/1170142928481gcnzlnucu1omw5g6hlyduekzzphd9nu6zkh1zoszyrylo52lt0csuvjawi5ptb46bngrkoidl2q4kvebd4izepbtcd1c6woklg.png)
![](https://b3c3.c12.e2-4.dev/disserty/uploads/preview/11701440493kysdqksbtkaket17fpq0k0cgidibyckwingzmtezrgbofmbb3bn6dahwhnnrjip9c1knjlqzbiyfgvwtklcsd0udnp3oddziksks.png)
![](https://b3c3.c12.e2-4.dev/disserty/uploads/preview/117013931984fyodcmovizv3z8mep50qxp4jghfhql6r0wa1qmhvfj7nhhla55uv2af58e0elsjd27ovk1b2abeysr8lr8ukifkkvtzyf4vgkcx.png)
![](https://b3c3.c12.e2-4.dev/disserty/uploads/preview/11701459842txnc3n8fie1vwxsehjb4jz5p1xeamrzfhglylnlyogvamlfdbxrdwveyyqttyoojmnovrizeouiqktvbefrsyt0gbl9hzmqbfgz6.png)
-
26
-
0
-
0
Licence et utilisation
Gratuit pour un usage personnel Attribution requise- Détails
- Publié le Jul 11, 2022
- Catégorie Creative Arts / Ar...
- Langue French
- Taille du fichier 749.1kB