Les bases de CSS (Cascading Style Sheets)

Alexandre L.

Commandez une rédaction : Fiche en Informatique sur mesure

Devis en ligne gratuit

Fiche Format .pdf

Les bases de CSS (Cascading Style Sheets)

Télécharger

Lire un extrait

Thèmes abordés

Développement web, CSS Cascading Style Sheets, feuilles de style en cascade, fichier CSS, balise, couleur de texte, type de police, mise en page, site web, front-size, police personnalisée, font-style, alignement du texte, apparence dynamique, image de fond, bordure, text-shadow

Lecture
Résumé
Sommaire
Extraits

Résumé du document

Le document est une fiche sur le langage CSS (Cascading Style Sheets) qui reprend quelques bases sur les styles et propriétés CSS pour créer des designs web : la taille, les couleurs, la police, les bordures, le texte, etc.

Sommaire

Les couleurs CSS (Cascading Style Sheets)
Taille et type de police
Mise en évidence du texte
Créez des apparences dynamiques
Les images
Les bordures et les ombres

Accédez gratuitement au plan de ce document en vous connectant.

Extraits

[...] border-left: 2px solid black; border-right: 5px groove red; Bordures arrondies : border-radius. border-radius: 10px 5px 10px 5px; Haut gauche, haut droite, bas droite, bas gauche. Bordures arrondies elliptiques : border-radius: 20px / 10px; Les ombres des blocs : box-shadow Le décalage horizontal de l'ombre Le décalage vertical de l'ombre L'adoucissement du dégradé. box-shadow: 6px 6px 0px black; 4. La couleur de l'ombre (Inset) Ombre à l'interieur du bloc. Exemple L'ombre du texte : text-shadow. Les valeurs fonctionnent exactement de la même façon que box-shadow. [...]

[...] < div > Le titre et le paragraphe seront gérer par la balise div dans le CSS. < h1 >Titre du bloque

Texte dans le paragraphe.

Sélectionner des balise : * Sélectionne toutes les balises sans exception : le sélecteur universel. h3 em baliseA baliseB. Sélectionne toute les balises B dans les balises A. h3 + p a[title] baliseA + baliseB. balise[attribut]. Sélectionne a première balise B à la suite de la balise A. La balise doit contenir cet attribut. a[title="Cliquez ici"] a[title*="ici"] balise[attribut="Valeur"].

[...]

[...] Les couleurs CSS : Couleur du texte : color. color: maroon; Texte mis en marron. color: #FFFFFF; Texte mis en blanc (#RRGGBB). color: rgb( 255); Texte mis en blanc GG, BB). #FA3 = #FFAA33. Ajouter une couleur de fond à une balise : background-color: red; Le fond de la balise sera rouge Écrire de la couleur voulue : color. color: red; Écrit en rouge. II. Taille et type de police : La taille absolue du texte : font-size. En « px », « cm » ou « mm ». [...]

[...] Police des paragraphes de tailles moyenne. font-size: small; } La taille em : font-size: 1em; front-size: 2em; front-size: 0.5em; Taille normal. Taille 2x plus grande. Taille 2x plus petite. Modifier la police : Si la police 1 n'est pas disponible alors se sera la police 2 font-family: police1, police2, police ; Les police en plusieurs mots sont à écrire de cette manière : « Arial black ». Liste de police pour le HTML et CSS : - Serif : par défaut. [...]

[...] Texte souligné sur le dessus. text-decoration: typeLigne wavy; text-decoration: dotted typeLigne; Ligne ondulée. Ligne en pointillée. Alignement du texte : text-align: center; text-align: left; text-align: right; text-align: justify; text-align. Texte mis au centre. Texte mis à gauche (par défaut). Texte mis à droite. Texte prend toute la largeur de la ligne. II. Créez des apparences dynamiques Quand la sourie survole la zone : hover. a Liens par défaut (non survolés) { color: red; } a:hover Apparence au survol des liens { color: green; } Mise en évidence des zones que la sourie survole : active. [...]

pdf