Outils pour utilisateurs

Outils du site


Panneau latéral

Menu


Bienvenue sur le Wiki du BTS SIO Première ANNEE

du lycée Felix Le Dantec

Le BTS SIO (Services Informatiques aux Organisations) du lycée Felix Le Dantec de Lannion (22) est ouvert. Vous retrouverez sur ce wiki des pages d'informations sur différents sujets vus en cours.

Voici quelques liens utiles disponible sur ce wiki:

Quelques infos utiles sur les serveurs de SIO


SIO 1- Première année


SIO 2- Deuxième année


Culture Générale


les_bases_du_css

Ceci est une ancienne révision du document !


Pourquoi utiliser le CSS

La structure et la présentation sont gérées séparément. Le contenu (le fond) de votre page se gère sur le fichier html, tandis que tout ce qui concerne la présentation (la forme) est concentré sur le fichier CSS. Le code HTML est réduit en taille et en complexité. En changeant une instruction sur le fichier css, on peut modifier l'aspect de toutes les pages du site à la fois.

Où placer son code CSS

Dans un fichier indépendant avec une extension “.css”. Exemple : “style.css” Pour que la page écrite en HTML tienne compte de la présentation définie dans le fichier CSS, on mentionne ce fichier entre les deux balises HTML : <head> et </head> en y écrivant l'instruction :

<link rel="stylesheet" type="text/css" href="style.css">

La syntaxe du CSS

La commande 'Cd'

Le principe de la syntaxe est très simple :

sélecteur { propriété : valeur; }

La commande 'Move'

Exemples :

body { background: #FFFFFF; }
h1 {font-family : Georgia ;}
p {color : red;}

La première instruction affichera le fond de page en couleur #FFFFFF.

La seconde instruction écrira les titres de rang 1 (h1) avec la police Georgia.

La troisième instruction écrira les paragraphes (p) en rouge.

Si vous définissez une police de type “Trebuchet MS” sur la balise <body>, l'ensemble des autres éléments du site prendra comme police Trebuchet MS, inutile de le redéfinir à chaque élément. C'est le système “en cascade”. Vous pouvez aussi combiner les éléments HTML qui regroupent les mêmes caractéristiques :

h1, h2, h3, h4, h5, h6 { color: #009900; }

Vous pouvez mettre des commentaires dans votre code avec la syntaxe suivante :

/* Commentaire ici */
les_bases_du_css.1517498249.txt.gz · Dernière modification: 2018/02/01 16:17 par alan.royer