Sans-Atout
Messages : 1194 Date de naissance : 04/07/1999 Date d'inscription : 07/07/2017 Age : 24
| Sujet: Faire une page Web : partie 6 ! Mar 17 Avr - 18:48 | |
| Bon ok, maintenant on va passer au côté esthétique grâce à un autre langage : le CSS (et non pas CCS ) Tout d'abord, il faut que je vous dise que dans l'absolu on peut écrire directement du code CSS dans votre page grâce à la balise suivante placé dans le bloc "head" Cependant, c'est très moche et c'est ultra con ! Il est plus utile d'écrire le code CSS dans un fichier externe (avec pour extension ".css" Pour quelle raison? Eh bien, si vous voulez changer quelque chose dans la charte graphique de votre site, c'est plus simple de changer dans un seul fichier et de lié se fichier avec toutes vos pages HTML. Comment faire ? Il faut juste utilisé cela : Il faut juste noter que le langage a surement encore évolué depuis que je l'ai appris ... Moi quand j'ai appris le HTML et le CSS, l'attribut "type" n'existait pas encore ... Enfin bref, je me sens vieux juste pour ça XD Bon maintenant, je vais donner la structure basique d'un fichier CSS Ok maintenant, je vais vous présenter toutes les propriété du texte ! On va bien s'amuser ^^ Premièrement la police. Vous pouvez choisir la police que vous voulez et même des polices personnalisé! pour choisir la police que vous voulez vous devez écrire ça : je pense que j'ai évoqué quelque chose qui vous intéresse, la police personnalisé ! Eh oui, c'est possible de faire télécharger automatiquement une police ou de la mettre dans un dossier (oui encore un !) voilà comment il faut faire : Bon pour le reste voici un tableau avec toutes les propriétés possible en CSS3 ! Alors oui je suis d'accord ça fait beaucoup mais, je viens de me rendre compte que le langage que j'ai appris à pas mal évolué ! (même si normalement toujours d'actualité ) Bref je vais m'amuser à lire toutes la doc disponible et modifier mes tutos en fonction ! Du coup je vais mettre en pause temporaire ces tutos afin que je me mette à jour et modifier ces tutos en fonctions Bon du coup à plus ! - Liste des balise (attention c'est gros XD):
- Code:
-
font-size | 1.3em, 16px, 120%... | Taille du texte (elle peut être en fonction de la taille de la lettre m soit "taille"em, en pixel "taille"px ou en % . | - Code:
-
font-weight | bold, normal | Gras | - Code:
-
font-style | italic, oblique, normal | Italique | - Code:
-
text-decoration | underline, overline, line-through, blink, none | Soulignement, ligne au-dessus, barré ou clignotant | - Code:
-
font-variant | small-caps, normal | Petites capitales | - Code:
-
text-transform | capitalize, lowercase, uppercase | Capitales | - Code:
-
font | - | Super propriété de police. Combine :
- Code:
-
font-weight ,
- Code:
-
font-style ,
- Code:
-
font-size ,
- Code:
-
font-variant ,
- Code:
-
font-family . | - Code:
-
text-align | left, center, right, justify | Alignement horizontal | - Code:
-
vertical-align | baseline, middle, sub, super, top, bottom | Alignement vertical (cellules de tableau ou éléments
- Code:
-
inline-block uniquement) | - Code:
-
line-height | 18px, 120%, normal... | Hauteur de ligne | - Code:
-
text-indent | 25px | Alinéa | - Code:
-
white-space | pre, nowrap, normal | Césure | - Code:
-
word-wrap | break-word, normal | Césure forcée | - Code:
-
text-shadow | 5px 5px 2px blue (horizontale, verticale, fondu, couleur) | Ombre de texte |
| |
|
yipee Naruto
Messages : 2890 Date de naissance : 01/12/1982 Date d'inscription : 05/07/2015 Age : 41 Personnage préféré : Moi même, Conan, Heiji, Dr Agasa, Vermouth, Haibara, Gin, Kakashi, Cartman, Butters Stoch, Kenny McCormick.... Localisation : dans ton anus Emploi/loisirs : Se payer la tronche de Dbzcool, Chier sur Disney surtout la toute dernière trilogie star wars, mater des films, geeker, écouter du bon son et il y en a tellement que j'oublie...
| Sujet: Re: Faire une page Web : partie 6 ! Mar 17 Avr - 19:25 | |
| mon dieu mais tu sais que j'ai l'impression que tu parles martien ? ps : oui je confirme être une burne en informatique | |
|
Sans-Atout
Messages : 1194 Date de naissance : 04/07/1999 Date d'inscription : 07/07/2017 Age : 24
| Sujet: Re: Faire une page Web : partie 6 ! Mar 17 Avr - 19:27 | |
| Est ce que tu as bien suivit les premières leçon ? C'est tout à fait possible vu que j'ai fait celui la super rapidement vu que je dois réapprendre le langage en quelque sorte
Envoyé depuis l'appli Topic'it | |
|
yipee Naruto
Messages : 2890 Date de naissance : 01/12/1982 Date d'inscription : 05/07/2015 Age : 41 Personnage préféré : Moi même, Conan, Heiji, Dr Agasa, Vermouth, Haibara, Gin, Kakashi, Cartman, Butters Stoch, Kenny McCormick.... Localisation : dans ton anus Emploi/loisirs : Se payer la tronche de Dbzcool, Chier sur Disney surtout la toute dernière trilogie star wars, mater des films, geeker, écouter du bon son et il y en a tellement que j'oublie...
| Sujet: Re: Faire une page Web : partie 6 ! Mar 17 Avr - 19:30 | |
| non mais même les toutes premières j'ai déjà rien bité ! tkt en l'occurrence c'est pas ta faute ca vient de moi sur ce coup | |
|
Sans-Atout
Messages : 1194 Date de naissance : 04/07/1999 Date d'inscription : 07/07/2017 Age : 24
| Sujet: Re: Faire une page Web : partie 6 ! Mar 17 Avr - 19:30 | |
| Je vais essayer de faire mieux la prochaine fois XD | |
|
Contenu sponsorisé
| Sujet: Re: Faire une page Web : partie 6 ! | |
| |
|