400
Підписники
Немає даних24 години
Немає даних7 днів
Немає даних30 день
Триває завантаження даних...
Схожі канали
Хмара тегів
Немає даних
Виникли проблеми? Будь ласка, оновіть сторінку або зверніться до нашого support-менеджера.
Вхідні та вихідні згадування
---
---
---
---
---
---
Залучення підписників
грудень '24
грудень '24
+63
в 0 каналах
листопад '24
+308
в 3 каналах
Get PRO
жовтень '24
+379
в 1 каналах
Get PRO
вересень '240
в 3 каналах
Get PRO
серпень '240
в 12 каналах
Get PRO
липень '240
в 3 каналах
Get PRO
червень '240
в 0 каналах
Get PRO
травень '240
в 3 каналах
Get PRO
квітень '240
в 0 каналах
Get PRO
березень '240
в 0 каналах
Get PRO
лютий '24
+6
в 0 каналах
Get PRO
січень '24
+7
в 0 каналах
Get PRO
грудень '23
+5
в 0 каналах
Get PRO
листопад '23
+11
в 5 каналах
Get PRO
жовтень '23
+37
в 1 каналах
Get PRO
вересень '23
+371
в 0 каналах
| Дата | Залучення підписників | Згадування | Канали | |
| 09 грудня | +4 | |||
| 08 грудня | +8 | |||
| 07 грудня | +8 | |||
| 06 грудня | +8 | |||
| 05 грудня | +11 | |||
| 04 грудня | +5 | |||
| 03 грудня | +3 | |||
| 02 грудня | +6 | |||
| 01 грудня | +10 |
Дописи каналу
| 2 | La différence est flagrante entre l'ombre du texte et l'ombre de block !
Je cherche le lien pour ceux qui préfèrent le cours sous forme vidéo.
Fin du cours pour cette soirée.
J'espère que ces propriétés vous aideront car elles sont grandement utilisé de nos jours dans la majorité des sites web que vous visitez. | 73 |
| 3 |  Немає тексту... | 67 |
| 4 | Cas pratique d'une ombre sur un bloc | 69 |
| 5 | Les ombres : sur des blocs
La propriété box-shadow
Elle nous permettra de créer des ombres pour des balises directement de types blocks !
Pour rappel :
Une balise de type block est une balise qui occupe tout l'espace en rajoutant la suite du contenu à la ligne.
On aura besoin des 4 valeurs comme avec le text-shadow, mais rajouter une 5e (qui est facultative si on veux) qui sera :
- la nature de l'ombre (cette valeur est facultative car défaut elle existe de manière à ne pas être creuse).
p{
box-shadow: 3px 3px 2px #0002; /*notre bordure va vers la droite en montant et de nature bombée (pas creuse)*/
box-shadow: -1px 2px 1px green; /* notre ombre va vers la gauche en montant et de nature creuse (pas bombée).*/
} | 66 |
| 6 | Немає тексту... | 55 |
| 7 | Cas pratique d'une ombre sur le texte | 55 |
| 8 | Les ombres : sur du texte
La propriété text-shadow
Cette propriété va nous permettre de mettre de l'ombre ou de faire ressortir l'ombre de nos différents textes.
On aura besoin de 4 valeurs :
- pour l'effet d'ombre vers la droite
- pour l'effet d'ombre vers le haut
- pour l'opacité de l'ombre (si elle doit être forte ou faible)
- la couleur de notre ombre
Ex:
p{
text-shadow: 3px 3px 2px #0002; /*notre bordure va vers la droite en montant*/
text-shadow: -1px 2px 1px green; /* notre ombre va vers la gauche en montant*/
} | 55 |
| 9 | Les ombres
Les ombres nous permettent de reflecter du texte ou un conteneur de code.
Son utilisation est un petit peu complexe.
Car elle peut s'appliquer sur le texte ou sur un bloc.
On doit savoir où on veux produire l'ombre,
On doit choisir la couleur de cet ombre
On doit pouvoir choisir si l'ombre doit être forte ou faible
On doit pouvoir être en mesure de spécifier si l'ombre doit être du premier ou du second plan (creuse ou pas).
En rapport avec ces points de comparaison, nous pouvons déjà être sur que nos ombres doivent avoir entre 4 et 5 valeurs pour qu'elles soient correctement définis. | 61 |
| 10 | sticker.webp | 64 |
| 11 | Programmation_HTML5_avec_CSS3_pour_les_nuls.pdf | 122 |
| 12 | 📚 Programmation HTML avec CSS pour les nuls | 120 |
| 13 | On continue !? | 343 |
| 14 | Différence entre un paragraphe avec une marge interne (celui en bleu) et un paragraphe sans marge interne (celui en rouge). | 338 |
| 15 | Les marges internes et les marges externes
Les marges internes
On appelle marge interne, l'espace vide qui sépare le texte de la fin du bloc. Les marges internes ne sont utilisés que sur les balises de type block !
Comment mettre une marge interne ?
La propriété padding
Cette propriété à besoin selon votre utilisation d'entre 1 à 4 valeurs !
Pour une valeur :
Cette valeur sera utilisée comme espacement du haut, droite, bas et gauche !
Pour 2 valeurs :
La 1ere sera l'espacement du haut et du bas
La 2e sera l'espacement de gauche et de droite
Pour 3 valeurs :
La première sera l'espacement du haut
La deuxième sera l'espacement de gauche et de droite
La droite sera l'espacement du bas.
Pour 4 valeurs :
La 1ere sera l'espacement du haut
La 2e sera l'espacement de droite
La 3e sera l'espacement du bas
La 4e sera l'espacement de gauche
Ex:
p{
padding: 5px; /*marge interne du haut, droite, bas et gauche de 5 pixels*/
padding: 5px 10px; /*marge interne de 5 pixels en haut et en bas et 10 pixels de droite et de gauche*/
padding: 10px 20px 5px; /*marge interne de 10 pixels de haut et 20 pixels de droite et gauche et 5 pixels de bas*/
padding: 1px 2px 3px 4px; /*marge interne de 1 pixel de haut, 2 pixels de droite, 3 pixels de bas et 4 pixels de gauche*/
}
Pour que vous comprenez ce que c'est qu'une marge interne, regardons cette image (image suivante) et je vais y ajouter une bordure pour voir la limite de notre balise. Vous allez donc pouvoir observer l'espace qu'il y a entre le texte et la limite de la balise (pour cette exemple, la limite se voit grâce à notre bordure) : | 327 |
| 16 | AnimatedSticker.tgs | 241 |
| 17 |  Partage avec vos amis | 271 |
| 18 | Dites ce que vous en pensez dans les commentaires !!! | 349 |
| 19 | Bonjour chers Abonnés.
Je viens vous présente ce bot que jai eu à cree qui est une forme de chat GPT (Une IA )ou vous pouvez lui poser toutes vos questions quelques soit le sujet (sur la programmation...)et avoir des réponses gratuitement et bien détaillé.
Voici le lien du bot pour ceux qui seront intéressé Coding Tech ai 👈 clique ici | 357 |
| 20 | Que pensez vous du nouveau logo de ce canal ? | 4 |
