Télécharger cours informatique en PDF Cours informatique PDF Télécharger cours complet sur les feuilles de styles CSS (Cascading Style Sheet), apprenez à formater votre texte et image dans HTML, document en PDF sur 21 pages pour les débutants.
- CSS est un langage qui décrit le style d’un document HTML.
- CSS décrit comment les éléments HTML doivent être affichés.
- Ce tutoriel vous apprendra CSS de base à avancé.
Plan de cours
- Introduction aux feuilles de style
- Constituants des pages web
- Définition
- Objectifs
- Avantages
- Principe
- Syntaxe CSS
- Jeu de règles
- Propriétés et valeurs
- Les sélecteurs
- Exemples sur les sélecteurs
- Principes techniques
- Cascade de CSS
- Ancêtres, Parents, Enfants et Frères
- Notion d’héritage
- Unités de mesures
- Flux normal
- Les dimensions des boîtes
- Position
- Boîte flottante
Extrait de cours
Introduction aux feuilles de style
Constituants des pages web
- La structure et le contenu (statique) : en HTML ou en XHTML
- La présentation : avec les feuilles de style CSS
- Le comportement géré coté client par le navigateur : en Javascript
- La navigation et l’échange de données : par l’intermédiaire du protocole HTTP et l’utilisation de Web
Service ou d’AJAX - La génération de contenu (dynamique) coté serveur : avec des langages de développement de type PHP, Java, …
- Le graphisme par découpage et intégration des images : GIF, JPG, PNG, …
- L’animation : en Flash ou en SVG, et depuis peu, avec certains attributs du CSS3
- L’incorporation de multimédias : AVI, MPG, MP3, …
Définition
Les feuilles de style en cascade CSS (Cascading Style Sheets) est un langage informatique qui sert à décrire la présentation des documents HTML, XHTML et XML. Les standards définissant CSS sont publiés par le W3C (World Wide Web Consortium).
Profitez de ce manuel de formation en PDF pour comprendre mieux le CSS et enrichir votre connaissance.
Commencez à télécharger ce cours adapté pour vous et à apprendre CSS.
PRINCIPES TECHNIQUESPrincipes techniquesCascade de CSSLes feuilles de style ont trois origines diérentes :L’ auteur : produit des feuilles de style pour un document source en y étant incorporées ou reliées à celui-ci.L’ utilisateur : peut être capable d’indiquer une information de style pour un document particulier.L’ agent utilisateur (le plus souvent désigne le navigateur ) : l’agent utilisateur conforme doit appli- quer sa feuille de style par défaut avant toutes les autres feuilles de style d’un document.La cascade de CSS dénit un ordre de priorité, ou poids, pour chaque règle de style. Les règles des feuilles de style de l’auteur ont, par défaut, plus de poids que celles de l’utilisateur. Aucontraire, l’ordre de priorité est inversé pour les règles » !important « . Les règles d’un auteur et d’un utilisateur sont prioritaires sur celles de la feuille de style par défaut de l’agent utilisateur (le navigateur).Ancêtres, Parents, Enfants et FrèresChaque document HTML est toujours composé de conteneurs. Ceux-ci peuvent être ancêtres, parents,enfants ou frères :Un élément Ancêtreest un élément qui contient un élément ou une hiérarchie d’éléments. Un bloc Parent est un élément contenant directement un autre bloc. Par exemple, un DIV contenant un paragraphe P. Attention : si ce paragraphe contient lui-même des éléments (par exemple STRONG),DIV ne sera pas Parent de l’élément STRONG mais uniquement son Ancêtre. Le Parent est donc l’Ancêtre immédiat.Un bloc contenu directement dans un autre bloc est dit Enfant de cet élément. Par exemple, ici les éléments LIsont enfants de leur conteneur UL.Les éléments ayant le même élément Parent sont appelés Frères.Notion d’héritage Les éléments enfants héritent de certaines valeurs de leurs éléments parents dans l’arbre du document.Chacune des propriété dénit si elle est héritée, ou non.Par exemple ici, tous les descendants de l’élément BODY auront la valeur de couleur ‘ black ‘, la propriété ‘ color ‘ étant héritée : BODY{ color: black; } La valeurinheritprovoque l’héritage des valeurs par les propriétés. Ceci s’applique également auxpropriétés dont la valeur n’est normalement pas héritée. Cours CSS 10 /21©2013 tv
