Tout sur le CSS avec son tu
Transcription
Tout sur le CSS avec son tu
Tout sur le CSS avec son tutorial, feuilles de style 1 sur 4 Annonces Google http://www.aidenet.com/css/index.htm CSS Website Programmation CSS CSS Example Interface CSS Aidenet.com Aide informatique et nouvelles technologies Accueil Télécharger Actualités Boutique Dossiers Forum Encyclopédie Annuaire CSS Editor (XMLSpy) CSS Menus - QuickMenu v6 CSS & XML Editing Tool. Fully Functional 30 Day Trial The Internet's most feature rich developer tool for site navigation. Créer son site Langage XHTML Tout pour la programmation XHTML Cours, tutoriels, faq, forum, etc web.developpez.com/tutoriel/ Modèle fiche de paie Trouvez ici le modèle pour le type de fiche de paie que vous cherchez www.TPE-PME.com Faire-Part mariage Prix Imbattables à partir de 0.50€! Très large choix en ligne. www.fr.Ask.com Electronic Forms Electronic Forms Solution Mise en forme distribution 0 papier www.symtrax.fr Mode et jean Découvrez toutes les tendances jean avec les plus grands créateurs! Sommaire www.lexpress.fr/styles Accueil / Sommaire CSS : tutoriel complet Javascript : tutoriel Nom de domaine : 9.90 euros ttc /an (64.94 fr) ... Hébergement : 15.90 euros ttc /an (104.03 fr) "aidenet" vous suggére de mettre en valeur votre site. Il vous explique les avantages de l'hébérgement >>> ici Consultez l'offre d'hébergement exceptionnelle >>> là Réferencement Créez votre "blog", facile, rapide, gratuit >>> là Les images Les tableaux Créer son blog Couleur Héxa Internet Accueil / Sommaire Informatique Le SMS, généralités et vocabulaire utilisé >>> là Un tutorial n'est jamais parfait mais il faut toujours essayer de respecter les recommandations officielles du W3C, sans pour autant en être esclave "validator.org" (pour la beauté des pages j'ai mis en couleur les barres de défilement en ajoutant une définition dans le code CSS, scrollbar-base-color, qui en réalité n'est pas conforme. Dont acte) Accueil / Sommaire Applications de CSS > > > avec des exemples concrets Photo numérique Accueil / Sommaire Logiciels Windows XP Skype Claris Home Page FTP Expert Tutorial sur le CSS 02- Généralités et Syntaxe du CSS. 02- Définir une feuille de style parmi trois modèles. 03- Définition spécifique (adding in line) = 1er modèle. 03a- Méthode interne (embedding) = 2 ème modèle. 04- Méthode externe (Linking) = 3 ème modèle. 05- Syntaxe et déclaration de style. 05a- Commentaires pour le CSS. 06- Règles fondamentales de base. Filezilla Cute FTP Mise en forme de la police WinZip 06a- Font-family Propriété pour choisir la police. 06b- Font-size Propriété pour le corps (taille de la police). 06c- Font-style Propriété pour l'italique. 06d- Font-variant Propriété pour le texte en petites majuscules. 06e- Font-weight Propriété pour la graisse de la police (poids). 06f- Font-stretch Propriété pour l'étirement de la police Aide 26/11/2008 23:00 Tout sur le CSS avec son tutorial, feuilles de style 2 sur 4 http://www.aidenet.com/css/index.htm Index du site Plan du site Dico Anglais / FR. Vocabulaire info. Glossaire Tags HTML Liste extensions Vocabulaire SMS Partenaires Mise en forme du texte 07a- Color Propriété pour définir la couleur du texte. 07b- Letter-spacing Propriété pour définir l'espacement entre les caractères. 07c- Word-spacing Propriété pour définir l'espacement entre les mots. 07d- Text-transform Propriété pour forcer les minuscules ou les majuscules. 07e- Text-decoration Propriété pour souligner, surligner, barrer, clignoter. 07f- Text-shadow Propriété pour créer un effet d'ombrage sur un texte. Mise en forme de l'arrière-plan 08a- Background-color pour la couleur du fond de page (couleur d'arrière-plan). 08b- Background-image pour placer une image en fond de page ou d'élément (image d'arrière-plan). 08c- Background-repeat-x propriété pour répétition horizontale d'une image. 08ca- Background-repeat-y propriété pour répétition verticale d'une image. 08d- Background-attachment pour définir une image fixe lors du défilement de la page. 08da- Background-attachment y définir si une image reste fixe verticalement lors du défilement de page. 08e- Background-position - pour définir la position d'une image dans la page ou le bloc. Quelques rappels et nouveautés 12a- Règles et déclarations multiples en CSS. 12b- Règles et propriétés en abrégé. 12c- Cascade et valeur "! important " en CSS. Méthode interne et classes 14- Classes avec CLASS et leurs premières fonctions. 15a- Hérédité très important, à comprendre avant de continuer. 15b- Hérédité exemples complémentaires. 16- Sous-classes de style. Mise en forme de zones 17- SPAN balise spéciale pour quelques mots (inline-level). 18- DIV balise spéciale pour paragraphes (block-level). Pseudo-classes 19- Liens hypertexte généralités. 19b- Liens soulignés ou pas. 19c- Liens divers exemples. 20- Liens vers des ancres. test4- Lien avec focus. Fichier externe des sélecteurs 21- Feuille de style externes avec fichier centralisé css. 23- Priorité des styles internes sur feuille de style externes. Mise en forme des paragraphes 30- "Boîtes" généralités sur la mise en forme des paragraphes 31- Text-indent pour retrait de la première ligne d'un paragraphe. 31a- Text-indent pour retrait de la première ligne dans toute la page. 31b- Text-align pour définir l'alignement horizontal du texte. 31c- Vertical-align pour définir l'alignement vertical d'un texte dans une ligne. 31ca- Vertical-align pour aligner du texte autour d'une image. 32- Line-height pour fixer l'interlignage (espacement entre les lignes). 32a - White-space pour a gestion des blancs et sauts de ligne. Positionnement 34a- Coordonnées d'un objet pour positionnement précis. modèle 1 34b- Coordonnées d'un objet pour positionnement précis. modèle 2 35- Positionnement mise en forme des paragraphes, boîtes. 35a- Positionnement relatif explications, exemples. 36- Positionnement absolu explications, exemples. 37- WIDTH et HEIGHT avec le positionnementabsolu. 37a- WIDTH pour composer des colonnes avec le positionnementabsolu. 38- OVERFLOW pour dégorgement d'un élément de boîte. 38a - CLIP pour rogner un élément de boîte. 38f - FLOAT pour définir le flottement d'une boîte. 38g - float et diverses applications de positionnement. 38h - float avec des exemples commentés. 38m - CLEAR pour définir la position par rapport à un élément flottant. 38n - clear associé à float, et VIGNETTES. Mise en forme des marges 40 - MARGIN définition générale de la marge externe. 40a - margin-top, margin-right, margin-bottom, margin-left Mise en forme des bordures 41 - BORDER propriété pour définir la largeur des bordures. 41a- Border-color pour définir la couleur des bordures. 41b- Border-style pour définir le style des bordures. 42 - PADDING propriété pour définir la marge interne. 26/11/2008 23:00 Tout sur le CSS avec son tutorial, feuilles de style 3 sur 4 http://www.aidenet.com/css/index.htm Mise en forme des listes 44 - STYLE-LIST propriété pour créer des listes. 47- CALQUES ou LAYERS et propriétés "position, z-index, relative". 47.4- CALQUES avec image et texte autour. 47.5- CALQUES avec des éléments "empilés". Valeurs : nombres, longueurs, poucentage 50515253- Unités de mesure, dimensions et valeurs utilisées en CSS "em" unité de mesure comme valeur relative "ex" unité de mesure comme valeur relative "px" unité de mesure comme valeur relative Pseudo-éléments 60 - :first-letter PSEUDO-STYLE pour créer une "lettrine". 61- :first-line PSEUDO-STYLE pour définir des majuscules sur la première. ligne. 65 - FORMULAIRE en css, sans tableau avec positionnement absolu. 65a - FORMULAIRE en css, sans tableau ni positionnement absolu. 65b - FORMULAIRE en css, sans tableau avec script d'expédition. Mise en forme des tableaux 75- Tableaux récapitulatifs des Propriétés 9091929394959697- Propriétés Propriétés Propriétés Propriétés Propriétés Propriétés Propriétés Propriétés de mise en forme des polices de mise en forme du texte des couleurs du texte et du fonds de page de mise en forme des paragraphes des bordures de boîte BORDER de marge externe MARGIN de marge interne PADDING de LIST-STYLE Tous droits réservés © 1997- 2006. www. aidenet.com DERNIERS MESSAGES DU FORUM dimension d'une image [Appareils photos numériques] Problèmes de div qui se chevauchent [HTML / CSS / Javascript] Appeler à une Page HTML plutot qu'a une IMAGE ? [HTML / CSS / Javascript] Besoin aide sur une fonction [HTML / CSS / Javascript] Toshiba Satellite A200-214 590 € Details Probléme CSS [HTML / CSS / Javascript] Menu vertical [HTML / CSS / Javascript] Problème sérieux de disfonctionnement souris [A l'aide !] Les fichiers distants ont disparus sous Filezilla [Autre] PC ne répondant plus (XP) [A l'aide !] Apple iPhone Probleme avec Itunes 8 [Windows] 369 € Details intranet [A l'aide !] comptes d'utilisateur [A l'aide !] pb sur skype [A l'aide !] Disque dur externe inaccessible qui demande formatage [Péripheriques] comment installer sous ubuntu les greffons [Linux] Tous les messages ici... Airis PDA T620 195 € Details Partenaires : Youpil | DivertissonsNous | Annuaire blog | Live Messenger | Logiciels photo | Hébergeur d'images | Meuble TV | Videosduweb | Blog Webmaster | PSP | Sorties cinéma 26/11/2008 23:00 Tout sur le CSS avec son tutorial, feuilles de style 4 sur 4 Tous droits réservés © 1997-2008. www.aidenet.com http://www.aidenet.com/css/index.htm Edité par FAPROD 26/11/2008 23:00