Code source du didacticiel vidéo de base Han Shunping div CSS

css est l'abréviation de l'anglais Cascading Style Sheets. p+css est l'un des termes couramment utilisés dans les normes de sites Web (ou « normes WEB »). Il est généralement utilisé pour décrire le tableau dans le langage de conception Web HTML. La différence dans les méthodes de positionnement, car dans les nouvelles normes de conception de sites Web, la technologie de positionnement des tableaux n'est plus utilisée, mais DIV+CSS est utilisé pour réaliser différents positionnements. "Le dernier didacticiel vidéo de base p css 2016 de Han Shunping" est basé sur HTML et constitue une explication de base de la mise en page et de la disposition des pages Web.

On peut simplement comprendre p+css comme ceci : p est un conteneur utilisé pour stocker du contenu (texte, images, éléments). CSS est utilisé pour spécifier comment le contenu placé dans p est affiché, y compris l'emplacement et l'apparence du contenu.

Adresse de lecture du cours : //m.sbmmt.com/course/433.html

Le style d'enseignement du professeur :

Les cours du professeur sont vivants, pleins d'esprit, pleins d'esprit et touchants. Une métaphore vivante est comme la touche finale, ouvrant la porte à la sagesse aux étudiants ; un humour bien placé apporte un sourire entendu aux étudiants, comme boire un verre de vin moelleux, donnant aux gens un arrière-goût et une nostalgie des aphorismes d'un philosophe, des références culturelles. sont intercalés de temps en temps dans la narration, donnant aux gens réflexion et vigilance.

La partie la plus difficile de cette vidéo concerne les compétences en matière de compatibilité des navigateurs :

Le soi-disant problème de compatibilité des navigateurs signifie que différents navigateurs ont des problèmes avec le même morceau de code. Différentes analyses entraînent des effets d’affichage de page incohérents. Dans la plupart des cas, notre exigence est que quel que soit le navigateur utilisé par l'utilisateur pour consulter notre site Web ou se connecter à notre système, il doit y avoir un effet d'affichage unifié. Par conséquent, les problèmes de compatibilité des navigateurs sont des problèmes que les développeurs frontaux rencontrent souvent et doivent résoudre.

Avant d'en savoir plus sur la compatibilité des navigateurs, j'aimerais diviser les développeurs front-end en deux catégories :

La première catégorie est constituée des développeurs front-end qui développent avec précision selon les dessins de conception, ce qui peut être considéré comme précis. 1px, ils peuvent facilement trouver les défauts du dessin de conception et, dans de rares cas, ils rencontreront des problèmes de compatibilité du navigateur, et ces problèmes sont souvent causés par des bogues du navigateur, et les pages qu'ils créent sont faciles à maintenir plus tard. . , il y a peu de problèmes de réutilisation du code, et on peut dire qu'il s'agit d'un code relativement stable et fiable.

Le deuxième type est celui des développeurs front-end qui développent essentiellement selon les dessins de conception. De nombreux détails sont très différents, tels que l'espacement, la hauteur des lignes, la position de l'image, etc., qui diffèrent souvent de quelques px. . La réalisation d'un certain effet est également obtenue grâce à un débogage répété. La raison spécifique pour laquelle cet effet se produit est encore vague et la présentation globale est très fragile. Le moindre changement met les choses en désordre. Je ne sais pas pourquoi le code est écrit de cette façon. Ces développeurs sont souvent confrontés à des problèmes de compatibilité. Après avoir modifié ce navigateur, cela a gâché un autre navigateur. Je l'ai changé encore et encore sans aucune idée. En fait, la plupart des problèmes de compatibilité rencontrés ne doivent pas être imputés au navigateur, mais à leur technologie elle-même.

Ici, nous vous recommandons également de télécharger les ressources du code source : //m.sbmmt.com/xiazai/learn/2125

Les ressources inclure un didacticiel vidéo et le code source

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!