2010-11-14 9 views
1

je veux savoir comment fonctionne CSS .. comment les navigateurs exécutent tout ce qui est conçu en CSS ...CSS - Comment ça marche

permet de dire

lorsqu'une page est chargée et il a plusieurs fichier CSS ci-joint à lui, et la souris va sur une ancre et trouve un ensemble de classe pour elle va aller chercher tous les fichiers CSS pour la classe relative et lire son état hover et ensuite le rendre ...

Comment COMMENT fonctionne ... vous pourriez avoir deviner ce que je veux demander ...

Répondre

7

C'est une question extrêmement vaste et complexe. Il demande essentiellement, "Comment les navigateurs rendent-ils des pages?" This video montre comment Gecko arrive à le faire pour un exemple de page. Voir le processus de rendu décomposé comme ça peut donner une idée de la complexité du processus. En fin de compte, puisque la spécification CSS ne donne aucune exigence ou même guide sur la mise en œuvre, chaque navigateur (ou, devrons-nous dire, "chaque moteur de rendu") fera les choses différemment. Si vous deviez écrire un nouveau navigateur à partir de zéro aujourd'hui, vous seriez libre d'explorer n'importe quel algorithme que vous vouliez. L'idée de lire toutes les règles et de voir celles qui correspondent (pour chaque élément) est certainement un point de départ viable, même si certaines optimisations et mises en cache doivent être appliquées pour que les feuilles de style soient réellement acceptées. complexité du monde

Heureusement pour vous, les deux principaux moteurs de rendu utilisés aujourd'hui (Webkit et Gecko) sont open source, et vous êtes libre de les télécharger, d'explorer le code et même de faire des changements. Et c'est vraiment la seule façon d'apprendre comment ces moteurs fonctionnent à ce niveau de détail.

+0

WOW ... c'est une vidéo bizarre .. vous devriez le montrer à un logiciel \ des étudiants en informatique pour leur dire dans quoi ils s'engagent ... effrayez-les, vous savez .... – Moon

+0

+1, belle vidéo. – nnevala

0

Comment fonctionne le CSS dépend exactement du navigateur (je suggère de télécharger le code source du webkit et de le contourner si vous voulez vraiment savoir)

Mais ce qui est généralement uniforme est la structure DOM qui est utilisée par les navigateurs pour transformer le balisage en objets le navigateur peut manipuler.

Webkit