So arbeiten Sie von der PyCharm-Community mit CSS / Sudo Null IT News

Haftungsausschluss

Ich beginne gerade meine Reise, sowohl in der Webentwicklung als auch in der Programmierung im Allgemeinen. Ich habe 2 Tage lang mit der Antwort auf diese Frage gekämpft und schien alles versucht zu haben, ABER wie es normalerweise passiert, lag die Lösung an der Oberfläche.

ps Ich kann aufgrund meiner Unerfahrenheit in Begriffen verwirrt werden, bitte nicht streng urteilen. Ich freue mich immer über konstruktives Feedback, vielen Dank für Ihr Verständnis! Ja, ich weiß um die Existenz von Django, es erscheint mir einfach besser, mit nacktem Code zu beginnen und dann mit Grundkenntnissen dieses wunderbare Framework zu lernen.

Anfang

In einem Kurs zur Fullstack-Entwicklung in Python gehe ich das Modul durch: Html + Css + Python, der Autor arbeitet in Sublime-Text und alle drei Sprachen sind perfekt mit ihm kombiniert, aber durch einen gewissen Zufall schreibe ich Code in der PyCharm Community Edition (ich habe sowohl Sublime als auch Atom ausprobiert und sogar in Intelij Idea habe ich es versucht, ich weiß, dass es hauptsächlich für die Javist-Brüder gedacht ist, aber immer noch).

Beim Kombinieren von Html + CSS in Pc trat folgendes Problem auf:

Community-Version unterstützt keine .css-Dateien

Lösung

Meine Lösungen sind recht primitiv und auf zwei Szenarien ausgelegt.

Erstens: Sie schreiben bloßen HTML-Code, ohne Python zu verwenden, und Sie müssen nur bestimmte Manipulationen mit seinem Stil vornehmen. Schauen wir uns das an:

  1. Erstellen Sie eine Datei mit der Erweiterung .html

  2. Wenn Sie eine Datei in PC erstellen, haben Sie bereits eine Datei mit der folgenden HTML-Code-Vorlage (Wenn nicht, dann nehmen Sie entweder von hier oder Sie können googeln, wie Sie sie aktivieren):

Title

Code hinzufügen:

Damit wir etwas ändern können, fügen wir unserer Seite ein paar Elemente hinzu, dies geschieht wie folgt:

Titel

Text studieren for habr


Wie benutzt man schließlich Stile?

  1. Motivation
  2. Und noch ein Thema


< p>!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LazyLoad=e()}(this,function(){"use strict";function e(){return(e=Object.assign||function(t){for(var e=1;e

Dieser Code erzeugt das folgende Ergebnis:

An unsere CSS-Datei angehängt:

Title

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *