Scribd
Importer
23 vues1 page

Margin Padding

Le document traite de la gestion des marges et des espacements dans CSS, en expliquant l'utilisation de propriétés telles que margin et padding. Il fournit des exemples de classes CSS pour styliser le texte et les éléments de la page, ainsi que des conseils sur la priorité des classes. Enfin, il mentionne des ajustements spécifiques pour les éléments h3 et l'intégration de Bootstrap.

Transféré par

ezzinemoez.dev
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
23 vues1 page

Margin Padding

Le document traite de la gestion des marges et des espacements dans CSS, en expliquant l'utilisation de propriétés telles que margin et padding. Il fournit des exemples de classes CSS pour styliser le texte et les éléments de la page, ainsi que des conseils sur la priorité des classes. Enfin, il mentionne des ajustements spécifiques pour les éléments h3 et l'intégration de Bootstrap.

Transféré par

ezzinemoez.dev
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

Fonts & text dans CSS

Margin et padding

Go to [Link] .t-arabic{ background-color: Tomato;}

.t-engkish{background-color:brown;}

le plus important

.text{

Color:white;

En Remarque que les mots sont tres ajusté aux corps de page donc :

 Le concept de boxing voir image


Go back to fichier css
.text{ padding :20px ; border : 5px solid black
Margin 20 px; } bien sure change margin a 120 et voici les chang .
En ajoutant le paading-left :100px
A cause de h3 le top margin
 Go back to style css au debut et appliqué les changements sur tt le corps
*{ margin :0 ;
Padding :0 ;}
Voici les changement (* C’est pour tt le contenu de page)
 Dans .text ajouter margin-top :100% ;
 En métre tt les paading et margin en commentaire /* ……*/
 En ecrit de façon suivante :
Margin :10px (top) 50px(right) 25px(buttom) 100px(left)
o Le meme pour le padding (top) 50px(right) 25px(buttom) 100px(left)
 En métre tt les paading et margin en commentaire /* ……*/
 3éme fàçon
o Margin :10px(top&buttom) 50px(right&left)
o Padding: 10px 50px ;

En ajoutant width :300px height :500px et en change le margin (right&left) to auto

En Remarque que Selon le serveur il sera aux milieu

 Maintenant en parle sur la priorité dans CSS


Le Div peut contenu plusieur class
Si en ajoute un class red aussi center dans le div de t-arab en l’applelant dans le css
.red{ color :blue}
.center{text-align :center}
 Si en ajoutant le class center dans le div de eng-text en remarque que le text sera centré.
 Rappel sur le bootstrap
Metre quelque changement sur h3 dans css
H3{ color :black ; font-size :46px}
Ajouter des autre h3 à la fin de corps de text
Si en change le h3 dans le div --> div h3{color :blue}
Pour le h3 dans le text arab
.t-arabic h3{color :yellow}  voici le changement .

Vous aimerez peut-être aussi