CMBP formation et développement PHP / MySql / PostgreSQL Xavier Braive et François Plégades, des interventions à visage humain. Les J&B des bottlenecks php
Accueil Développement Formation Directe Programmes de Formation Réalisations Presse Deviseur FAQ Contact   Bookmark and Share
 

Tutoriel CSS Accéléré - 5 ème partie

Dans cette leçon vous apprendrez...
  1. à comprendre la différence entre les différentes unités de mesure.
  2. à comprendre la notion de valeur héritée.
  3. à comprendre l'importation de feuille de styles.

Unités de mesure

CSS permet de spécifier la taille d'une police, l'épaisseur d'une bordure, les marges, la réserve, etc.
Ces différentes valeurs sont exprimées dans une des unités de mesure suivantes:

Unité Description Exemple
px Pixels margin-top: 10px;
pt Points font-size: 12pt;
in Inches (pouces) padding-top: .5in;
cm Centimeters top: 5cm;
mm Millimètres left: 45mm;
pc Picas bottom: 12pc;
em Ems font-size: 1.5em;
ex Exs font-size: 1.5ex;
% Pourcentage width: 80%;

Définitions

Pixels (px)

Une image est composée de points. Un pixel est un point d'image; c'est l'unité la plus fréquement utilisée en design web.
Un pixel n'est pas une unité de mesure absolue comme le serait par exemple le cm ou le point.
La taille réelle finale d'une dimension exprimée en pixels dépend de la résolution (taille) écran de l'utilisateur final.

Par exemple, pour une image de 900 px de large :

Points (pt)

Les points sont des unités physiques, donc absolues. Ils devraient êtres réservés à l'impression. Classiquement, un écran fait 96 ppp (72ppp), une imprimante 300dpi.

Inches (in), Centimètres (cm), et Millimètres (mm)

A éviter de préférence en web design.

Picas (pc)

Les Picas devraient êtres réservés à l'impression. Il y a 6 picas dans un pouce (inch).

Ems (em)

Un em (ou Mutt) est une unité relative qui se réfère à la taille de la lettre "M" dans une police (fonte).
On l'utilise souvent en web design, à cause de sa relativité.

Exs (ex)

La "x-height" est la hauteur du x minuscule. Les Exs sont utilisés pour définir une taille par rapport au texte environnant.

Valeur Inherit

Beaucoup de propriétés acceptent la valeur INHERIT, qui spécifie que la valeur est égale à celle de la balise parent. Inherit est la valeur par défaut de toute propriété.

@import

La directive @import est utilisée pour importer une css dans une autre. Il y a 2 syntaxes possibles :

Syntaxe
@import "styles_cmbp_01.css" mediatypes;
@import url("styles_cmbp_01.css") mediatypes;

Dans les exemples d'importation ci-dessus, mediatypes doit être remplacé par une liste (aaa,bbb) des types de médias auxquels l'importation s'applique.

<< page précédente | suite du tutoriel CSS >>

Valid XHTML 1.0 Transitional CSS Valide ! [Valid RSS]

Formation  Php objet poo

Guide web indeXweb.info

Prochaines formations:

PHP5 + MySql

lieu: Paris 17ème
date: 2-5/04/2012 [x1]
programme formation PHP/MySql

PHP : Sécurité

lieu: Paris 17ème
date: 03-05/04/2012
programme formation PHP Sécurité

PHP Avancé

lieu: Paris 17ème
date: 27-30/03/2012
programme formation PHP Objet & Extensions

PHP : Industrialisation

lieu: Paris 17ème
date: 10-13/04/2012
programme formation Design Patterns & Frameworks

CSS pour IHM Web

lieu: Paris
date: 10/04/2012 [x1]
programme formation C.S.S.

PHP Avancé

lieu: Fort de France
date: 14-17/02/2012
programme formation PHP Objet & Extensions


Info
La société CROSSFIRE JAPAN,INC. vient de pondre un nouveau langage, et l'environnement de développement qui va avec.
Alinous-Core permet de développer des pages web dynamiques, liées à des bases de données. Ce n'est pas un langage tel que PHP, Ruby ou Java, il "suffit" de connaître Html ET Sql pour intégrer sans peine.
Ce pseudo langage est très simplifié, mais a tout ce qu'il faut pour réaliser les opérations classiques liées au développement de sites web dynamiques :

Les bases de données supportées actuellement sont les suivantes:

Formation : Site Web PHP/MySql CMBP's Yellow Sub
5 jours pour bien comprendre l'utilisation de PHP avec une base de données.
Beaucoup de manipulations !

Quand: 02/04/2012 9h30 - 06/04/2012 9h30
Où:
CMBP, 40, rue Damrémont, Paris, IDF

Categorie: Formation
Formation : PHP Orienté Objet CMBP's Yellow Sub
3 jours pour passer à l'objet sous PHP.
Beaucoup de manipulations pratiques !

Tarif:1450 € HT
Quand: 27 - 29/03/2012
Où:
CMBP, 40, rue Damrémont, Paris, IDF (lieu sujet à modification)

Categorie: Formation
Formation CSS pro 1500 €
CMBP's Yellow Sub
Utiliser correctement les feuilles de style CSS pour une mise en page Web professionnelle.
Quand:
10/04/2012 9h30 - 13/04/2012 9h30
Où:
CMBP, 40, rue Damrémont, Paris, IDF
Categorie: Formation

tutoriel CSS offert !

Nous avons déjà formé plus de 2175 stagiaires à :

Geo Visitors Map

les programmes de cours, tutoriels et contenus sont la propriété de la sarl CMBP
© 1996, 1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011 et 2012
INFOS...
X

25 - 28 juin 2012* : formation PHP Optimisation (Paris 17ème)

CMBP organise une formation de 4 jours pour vous apprendre à maîtriser les possibilités d'optimisation et d'industrialisation de votre code PHP, dans le cadre d'un développement professionnel.
Benchmarking, profiling, Test unitaires, programmation parallèle, frameworks et design patterns...
Programme de cours complet ici
Tarif unique : 1960 € H.T. (sont inclus: les travaux pratiques sur clé USB offerte)
Inscriptions et renseignements :ici
(* sous réserve d'un nombre suffisant d'inscriptions)