CODES CSS;font-family: times new roman;→ applique une police à ton texte. • la police que tu souhaites utiliser. par exemple times new roman, tahoma, comic sans ms, tunga, etc etc.
exemple;police en times new roman. \o/text-transform: lowercase;→ permet de modifier le texte - toutes en majuscules, minuscules, etc. • le type de modification que tu souhaites apporter à ton texte. Valeurs possibles : capitalize, uppercase, lowercase.
exemple;style capitalize. il met une majuscule au début de chaque mot. c:style uppercaseStyle Lowercasefont-size: 10px;→ modifie la taille de ton texte. • le chiffre/nombre modifie la taille du texte. \o/
exemple;texte en 10px c:font-weight: bold;→ modifie le style du texte (gras&co) • valeurs possibles : normal, bold, bolder, lighter.
exemple;normal.bold.bolder.lighter.letter-spacing: 3px;→ modifie 'l'espacement des lettres' (plus rapprochées ou espacées.) • modifie l'espacement. tu peux faire "3px" comme tu pourrais faire l'inverse, aussi "-3px" (:
letter spacing en 3px.letter-spacing en -3px.text-shadow: #000000 1px 1px 1px;→ applique une ombre au texte. • la couleur de ton ombre.
• tu peux adoucir ou déplacer ton ombre en jouant avec les chiffres ici. c:
exemple;texte ombragé. (:-moz-box-shadow:#000000 1px 1px 3px;→ applique une ombre à un bloc. • la couleur de ton ombre.
• tu peux adoucir ou déplacer ton ombre en jouant avec les chiffres ici. c:
exemple;bloc ombragé. c:
border-top: #000000 3px solid;→ crée une bordure. • quatre valeurs possibles : top, left, bottom, right. définit la bordure choisie (donc celle du haut, à la gauche, en bas ou à droite. \o/)
• couleur de ta bordure.
• taille de ta bordure.
• type de bordure. valeurs possibles : solid, dotted, dashed, double, groove, ridge, inset, outset.
exemple;solid/2px dotted/2px dashed/2pxdouble/3pxgroove/2pxridge/2pxinset/2pxoutset/2px-display:block;→ modifie la façon d'afficher un texte ou un paragraphe. • valeurs possibles : Il y en a pleins
à l'infini x.x Bon évidemment on va pas tous les faires parce que pour là ça sert pas à grand chose, on va se concentrer sur les plus importants : block et none. e.e
Mais si tu as envie de tester les autres un jour, amuses-toi \o/ xD tu les retrouveras facilement sur le net c:
BLOCK fera en sorte que ton texte prenne toute la longueur possible. et NONE cachera ton texte.
Je ne peux pas vraiment te donner d'exemples sur ce coup-là. Mais par exemple, le display:block; est très utile pour le rang au-dessus de ton avatar. \o/
-moz-border-radius: 0px 15px 0px 15px;→ arrondir les coins d'un bloc. • Chaque 'px' est un coin. tu peux en arrondir seulement deux ou alors tous, et choisir le niveau en modifiant le chiffre/nombre.
exemple; 15px 15px 15px 15px (: