Comment apprendre Div et CSS
Chaque fois que quelqu'un me pose cette question, j'ai l'impression de me retrouver il y a deux ans, alors que je jouais aussi avec les divs et les CSS. J'ai une bonne suggestion pour vous. Si vous voulez vraiment vous calmer et étudier, mettez votre ordinateur sur le dos, allez à la bibliothèque et apportez deux livres sur HTML et CSS. Alors commencez à apprendre. Non seulement l'atmosphère d'apprentissage est bonne, mais l'efficacité de l'apprentissage est également très élevée.
Je pense que div et css sont les cours d'introduction et les cours les plus basiques de tout le front-end du Web. Ce n'est vraiment pas difficile du tout. Si c'est difficile, il se peut que vous ne maîtrisiez pas le. méthode bien. Je vais d'abord vous donner les livres d'introduction de base, et je mettrai également les liens ici pour vous. Téléchargez-le vous-même. CSS Authoritative Guide 3rd Edition.pdf CSS Things.pdf Si vous êtes un peu basique, vous pouvez jeter un œil à ceci [Maîtrise des solutions standards Web avancées CSS].CSS.Mastery.pdf Personnellement, je pense qu'il n'y a pas de problème de mise en page avec div et css. En ce qui concerne la page entière, la plupart des divs sont utilisés, mais lorsqu'il s'agit d'utiliser des divs pour la mise en page, cela semble toujours inadéquat. La soi-disant mise en page signifie ajuster constamment la marge et le remplissage. , float, border, position, etc. Si ces attributs sont bien utilisés, la mise en page sera beaucoup plus simple et plus facile.
Je voudrais recommander le site Web d'auto-apprentissage frontal : site Web PHP chinois-//m.sbmmt.com/. La voici : parcourez toutes les questions ci-dessus. Personnellement, je pense que vos compétences CSS sont à peu près les mêmes. Parcourez toutes les questions ci-dessus. Personnellement, je pense que vos compétences CSS sont à peu près les mêmes.
Vous voulez tester votre niveau CSS ? Ensuite, vous pouvez imiter les pages d'accueil de JD.com et d'Amazon. Ensuite, lorsque vous coupez la page, vous constaterez que certaines choses ne peuvent pas être écrites en HTML et CSS, comme les carrousels ou les comptes à rebours. Après avoir fini de couper la page, n'oubliez pas de la comparer pour voir de combien de pixels l'erreur est supérieure à trois pixels, vous devez la modifier. Car au travail, ce travail peut être plus strict. Après avoir terminé la tâche ci-dessus, j'ai passé trois mois dans ce processus, puis j'ai copié la page d'accueil de NetEase Cloud Classroom, puis je suis entré dans le gouffre de js... Ne tardez pas trop en html et css, car les choses suivantes seront plus et plus excitant. Très bien. Concernant l'apprentissage du CSS, je dirai ici. Si vous avez des questions, allez sur //m.sbmmt.com/ pour apprendre. Il y a beaucoup d'amis ici qui s'intéressent au front-end et apprennent ensemble et progressent ensemble.
Lecture connexe :
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undress AI Tool
Images de déshabillage gratuites
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Qu'est-ce que l'autoprefixer et comment ça marche?
Jul 02, 2025 am 01:15 AM
AutoPrefixer est un outil qui ajoute automatiquement les préfixes des fournisseurs aux attributs CSS en fonction de la portée du navigateur cible. 1. Il résout le problème de maintenir manuellement les préfixes avec des erreurs; 2. Travaillez le formulaire de plug-in PostCSS, analyse CSS, analysez les attributs qui doivent être préfixés et générer du code en fonction de la configuration; 3. Les étapes d'utilisation incluent l'installation de plug-ins, la définition de la liste de navigateurs et leur permettant dans le processus de construction; 4. Les notes ne comprennent pas manuellement les préfixes, le maintien des mises à jour de la configuration, les préfixes pas tous des attributs, et il est recommandé de les utiliser avec le préprocesseur.
Comment pouvez-vous animer un SVG avec CSS?
Jun 30, 2025 am 02:06 AM
AnimatingsvgWithcSSisposiblesUsingKeyframesForBasicanimations andTransitionsForInterActiveFets.1.User @ KeyframestodeFineanimationStagesForpropertiesLikescale, Opacity, andcolor.2.ApplytheMoverHoverorState-B
Quelle est la fonction conique-gradient ()?
Jul 01, 2025 am 01:16 AM
THECONCON-GRADIENT () FURMATINGEnSSSCREATSCICLULARD GRODIENTSTHATATATECOLORSTOPSAROUNDacentralpoint.1.IiSIDEALFORPIECHARTS, PROGRESSINDICATEURS, Colorweels, andDecorativeBackgrounds.2.itworksByDefiningColOrStopSatSpiecificangles, FactuallylyTartingfromadefinin
Tutoriel CSS axé sur la conception mobile d'abord
Jul 02, 2025 am 12:52 AM
Mobile-FirstcssDesigrequequetsettingTheViewportMetatag, UsingrelativeUnits, StylingFromsMallScreensup, OptimizingTypographicAndTouchtarget.First, addtiControlsaling.second, use%, em, orreminsteadofpixel
Tutoriel CSS pour créer des filateurs et des animations de chargement
Jul 07, 2025 am 12:07 AM
Il existe trois façons de créer un rotateur de chargement CSS: 1. Utilisez le rotateur de base des frontières pour obtenir une animation simple via HTML et CSS; 2. Utilisez un rotateur personnalisé de plusieurs points pour atteindre l'effet de saut à travers différents temps de retard; 3. Ajoutez un rotateur dans le bouton et basculez les classes via JavaScript pour afficher l'état de chargement. Chaque approche souligne l'importance des détails de conception tels que la couleur, la taille, l'accessibilité et l'optimisation des performances pour améliorer l'expérience utilisateur.
Qu'est-ce que la détection des fonctionnalités dans CSS en utilisant @Supports?
Jul 02, 2025 am 01:14 AM
FeatureSectionIncSsusing @ supportScheCkSifabrowSerSupportsaSaspecificfEATUREBOreApplyingreatedStyles.1.ituseSConditionalcSsblocksbasedOnproperty-Valuepraire, telshas @ supports (affichage: Grid).
Liste de classement européenne de la plate-forme de trading de devises virtuelles 2025 Dernière liste Top10 Inventaire (récemment mis à jour)
Jul 11, 2025 pm 08:57 PM
Les dix principales plateformes de trading de devises virtuelles en Europe en 2025 comprennent Binance, OKX, Coinbase, etc., et sont sélectionnées en fonction de la conformité, de la sécurité, des dépenses, des types d'actifs et de l'expérience utilisateur. 1. Binance: le monde a le plus grand volume de transactions, les frais faibles et a obtenu une licence dans plusieurs pays; 2. OKX: produits complets, technologie solide, enregistrée en France; 3. Coinbase: conformité et sécurité, adaptées aux débutants, autorisées dans de nombreux pays; 4. Gate.io: a une longue histoire, haute sécurité, enregistrée dans de nombreux pays européens; 5. Bitstamp: Fondé Early, a une forte conformité, réglementée par le Luxembourg; 6. Etoro: soutient les transactions sociales, investissement diversifié, réglementé par le CYSEC; 7. Bitpanda: monde
Intégrer efficacement CSS et JavaScript avec la structure HTML5.
Jul 12, 2025 am 03:01 AM
HTML5, CSS et JavaScript doivent être combinés efficacement avec des balises sémantiques, un ordre de chargement raisonnable et une conception de découplage. 1. Utilisez des étiquettes sémantiques HTML5, telles que l'amélioration de la clarté structurelle et de la maintenabilité, qui est propice au référencement et à l'accès sans barrière; 2. CSS doit être placé, utiliser des fichiers externes et se séparer par module pour éviter les styles en ligne et les problèmes de chargement retardés; 3. JavaScript est recommandé d'être introduit à l'avant et d'utiliser un repère ou une asynchronisation pour charger de manière asynchrone pour éviter le blocage du rendu; 4. Réduisez une forte dépendance entre les trois, conduisez le comportement à travers les attributs de données * et l'état de contrôle du nom de classe et améliorez l'efficacité de la collaboration grâce à des spécifications de nommage unifiées. Ces méthodes peuvent optimiser efficacement les performances des pages et collaborer avec les équipes.
