Langage CSS 3

Répondre
Avatar du membre
4charles2
Formation RNE
Formation RNE
Messages : 6
Enregistré le : mer. 24 avr. 2019 08:43

Langage CSS 3

Message par 4charles2 » mer. 24 avr. 2019 09:22

Les sélecteurs, animations, et commandes pour manipuler et mettre en page un site internet ou une application
Autodidacte passionné par le web.
:?: :roll: :idea: :arrow: :!: :lol:
Un projet à réaliser me conatcter contact@charles-tognol.fr
Mon site web : https://charles-tognol.fr

Avatar du membre
4charles2
Formation RNE
Formation RNE
Messages : 6
Enregistré le : mer. 24 avr. 2019 08:43

Re: Langage CSS 3

Message par 4charles2 » mer. 24 avr. 2019 16:23

Coucou à tous,

Je viens de découvrir une fonctionnalité avec css et autant vous dire que j'aurais aimé la trouver avant.

Il existe une fonction pour réaliser des calculs avec css. :o

calc(); 8-)

Tous les navigateur récent la prenne en charge.

Grâce à cette fonction nous pouvons donc déterminer la valeur d'une propriété CSS.

Par exemple : width: calc(100% - 80px);

Il est également possible de les imbriquer :

Code : Tout sélectionner

.element{
	with: calc(calc(100px / 2) / 2 );
}
Le même code en utilisant des variables CSS 3 : :shock:

Code : Tout sélectionner

.element {
	--largeurA: 100px;
	--largeurB: calc(var(--largeurA) / 2);
	--largeurC: calc(var(--largeurB) / 2);
	width: var(--largeurC);
}
Le petit lien vers la DOC car n'oublié pas RTFM https://developer.mozilla.org/fr/docs/Web/CSS/calc
Autodidacte passionné par le web.
:?: :roll: :idea: :arrow: :!: :lol:
Un projet à réaliser me conatcter contact@charles-tognol.fr
Mon site web : https://charles-tognol.fr

Répondre