Heim > Artikel > Web-Frontend > So lesen Sie Web-CSS
So lesen Sie Web-CSS
- 青灯夜游Original
- 2021-10-12 15:37:5011712Durchsuche
So zeigen Sie das CSS einer Webseite an: 1. Öffnen Sie die angegebene Webseite im Browser. 2. Klicken Sie mit der rechten Maustaste auf eine leere Stelle der Webseite und wählen Sie die Option „Element prüfen“ oder drücken Sie die Taste „F12“. 3. Wählen Sie die Registerkarte „Elemente“ und klicken Sie auf das Webseitenelement, um den entsprechenden CSS-Code auf der rechten Seite des Bedienfelds anzuzeigen.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
So zeigen Sie das CSS einer Webseite an:
1. Öffnen Sie die angegebene Webseite im Browser.
Öffnen Sie das Entwickler-Kontrollfeld.
Klicken Sie mit der rechten Maustaste in den leeren Bereich der Webseite und wählen Sie aus so etwas wie „Entwicklermodus“ oder „Element prüfen“-Option oder drücken Sie „F12“
3. Wählen Sie in der Systemsteuerung die Registerkarte „Elemente“ und klicken Sie auf das Webseitenelement, um das entsprechende CSS anzuzeigen Geben Sie den Code auf der rechten Seite des Bedienfelds ein.
Wie im Bild oben gezeigt:
Wir können die Codeposition auf der linken Seite des Bedienfelds mit der DIV-Ebene der Website vergleichen, um den entsprechenden CSS-Stil, den Stylesheet-Namen und die Stylesheet-Zeile anzuzeigen Position auf der rechten Seite. Wie in der Abbildung gezeigt, ist der Registrierungsname eindeutig als w5.css gekennzeichnet und der Speicherort des Stylesheet-Codes befindet sich in Zeile 33 von w5.css.
Gleichzeitig können wir auch eine Front-End-Testbearbeitung am CSS-Stil oder HTML-Code-Div-Stil in der Systemsteuerung durchführen, um den Effekt zu debuggen. Natürlich wird Ihr Vorgang den serverseitigen Stil oder die Webseite nicht ändern der Website handelt es sich lediglich um Ihre lokale Testseite. Der Standardstil wird nach dem Aktualisieren mit F5 wiederhergestellt.
(Teilen von Lernvideos: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo lesen Sie Web-CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!