Neuer Titel: Komprimiertes HTML-Matrix-Layout-Design mit reinem CSS und HTML

Ich versuche, ein Logo mit reinem HTML und CSS zu erstellen. Das Design ist sehr intuitiv, da es sich um eine [13x13]-Matrix handelt, die einige farbige Elemente enthält. CSS ist sehr einfach und geringfügig. Allerdings besteht der HTML-Code aus vielen sich wiederholenden Teilen und muss DRY (Don'tR...

P粉458913655 2023-09-07 21:27:33 0  1  545

Javascript – CSS-Designmuster

Ich möchte den Meister fragen, welche Entwurfsmuster im CSS-Design häufig verwendet werden und welche Merkmale die einzelnen aufweisen.

伊谢尔伦 2017-05-19 10:26:45 0  9  693

Die Verwendung derselben CSS-Werte wie im Figma-Design führt zu unterschiedlichen Werten

Ich versuche, Figmas Design zu implementieren, habe aber festgestellt, dass es nicht immer korrekt ist: Hier ist das Eingabefeld, das ich erstellen möchte: Beachten Sie, wie dünn der Text ist. Dies sind die Werte aus Figma: color:var(--heading-black,#222);/*Button/16/Regular*/font-family:Inter;font-...

P粉642919823 2023-09-06 18:59:32 0  2  612

javascript – So referenzieren Sie verschiedene CSS-Stile basierend auf Variablen in VueJS

Es ist erforderlich, das vorherige Projekt auf das Vue-Framework umzustellen. Jetzt haben wir CSS und alles. Jetzt möchte ich verschiedene CSS-Dateien basierend auf Variablen vorstellen. Ähnlich dem logischen Effekt in if(){//import from ''xxx.css}. Ich möchte alle fragen: Kann es im Vue-Framework o...

曾经蜡笔没有小新 2017-07-05 10:37:08 0  1  689

Architekturdesign – Das Laravel-Framework wird für E-Commerce-Anwendungen, soziale Anwendungen, Community-Anwendungen usw. verwendet. Was sind die Unterschiede im Design von Sicherheitsautorisierungssystemen (Autorisierung)?

Ich habe kürzlich Laravel gelernt und bin verwirrt über das Autorisierungssystem, das mit Laravel einhergeht. Ich möchte etwas fragen. Wissensüberblick: Modelle der Zugangskontrolle: Es gibt drei Haupttypen von Zugangskontrollmodellen: diskretionäre Zugangskontrolle (DAC), obligatorische Zugangskont...

高洛峰 2017-05-16 16:54:44 0  1  644

html5 – Problem mit Bootstrap-Änderungsstil

Kann ich bei Verwendung des Bootstrap-Frameworks den vom Bootstrap-Framework bereitgestellten CSS-Stil direkt ändern? Was wäre das Problem, wenn ich es direkt ändern würde?

迷茫 2017-05-16 13:24:18 0  1  751

Warum kann ich in meiner Next JS-App keine CSS-Dateien verwenden?

Ich habe an einem Projekt mit NextJS für das Website-Design gearbeitet und möchte eine CSS-Datei für das Komponentendesign verwenden, aber warum kann ich sie nicht in meine Komponente importieren? Ist es möglich, in einer NextJS-App nur modulare CSS-Dateien zu verwenden? Ich habe viele Male erfolglo...

P粉904191507 2023-09-22 10:58:43 0  1  1152

Sass-Fehler: Datei bereits geladen: @import '~src/css/quasar.variables.scss', 'quasar/src/css/variables.sass';

Ich verwende das Quasar-Framework und bin beim Kompilieren meines Projekts auf den oben genannten Fehler gestoßen. Modulerstellung fehlgeschlagen (von ./node_modules/sass-loader/dist/cjs.js): SassError: Diese Datei wurde bereits geladen. ╷1│@import'~src/css/quasar.variables.scss','quasar/src/css/var...

P粉038856725 2023-11-06 21:38:55 0  1  872

javascript - Wie ändere ich die Schriftart in der Tabelle im Ant-Design?

Wie ändere ich die Schriftart in der Tabelle im Ant-Design? Die Schriftart der Tabelle im Ameisendesign ist zu klein. Ich möchte sie vergrößern. Mein Code lautet wie folgt: {code...} In CSS: {code...} Ich habe den Stil in CSS wie folgt geändert, aber es funktioniert nicht. Die Schriftgröße ist immer...

黄舟 2017-06-28 09:26:04 0  1  1908

CSS zum Hinzufügen von Schatten/Rahmen zu jeder Schaltfläche, wenn Bootstrap-Schaltflächen aktiv sind

Ich verwende das React-Framework zum Erstellen des Frontends und Bootstrap5.3 für das Design. Soweit ich weiß, hat Bootstrap den Schatteneffekt nun standardmäßig entfernt. Wenn die Schaltfläche also aktiv ist, zeigt die Schaltfläche keinen Schatten/Rahmen an, wie in der Bootstrap v5.0-Dokumentation....

P粉256487077 2023-08-17 23:54:27 0  1  553

Tailwind CSS: Navigationsdesign erstellen

Ich bin neu in CSS und VueJs, also erstelle ich ein Tab-Panel-Design + Funktionalität. Derzeit verwende ich das tailwindCSS-Plugin. Das Design, das ich möchte, sieht so aus: Aktuell: CodePen Ich kann diesen Wunsch nicht reproduzieren, weil ich ihn vermisse die : zwischen Elementen Leerzeichen: Ich h...

P粉515066518 2024-02-26 16:48:59 0  1  428

So konfigurieren Sie Apache für Flask und PHP auf demselben Server

Der Server, den ich aktualisiert/aktualisiert habe, verfügt über Seiten, die PHP und Python verwenden. Ich habe die Python-basierte Seite mit dem Flask-Framework neu geschrieben und Apache mit wsgi:<VirtualHost*:443>ServerNamemy_fake_site...AliasMatch^\/((?:flask_dir1|flask_dir2).*)\.((css| ph...

P粉547170972 2024-01-10 17:18:45 0  1  485

Sollten UI-Designer die Ansichtsebene im MVC-Framework berühren?

Sollten UI-Designer die Ansichtsebene im MVC-Framework berühren? Das Problem ist folgendes: Ich entwickle eine Webanwendung, die für die Benutzeroberfläche verantwortlich ist, und stelle ihm statische HTML-Seiten und CSS zur Verfügung, aber manchmal muss die Struktur des HTML geändert werden um dies...

高洛峰 2017-05-16 17:06:50 0  3  796

ReactJS: Dropdown-Menüsymbol beim Hover dynamisch aktualisieren

Zuerst habe ich das React-Framework „antd“ und tailwindCSS verwendet, um ReactJS zu üben. Nun, dies ist das erste Mal, dass ich dieses Framework verwende. Deshalb habe ich beschlossen, es zunächst mit einem Dropdown-Popup beim Schweben zu versuchen. Eigentlich ist nicht ganz klar, wie man zu diesem ...

P粉877114798 2024-03-29 17:58:41 0  1  514

Benutzerdefiniertes Layout mit CSS Grid: Ausrichtung auf bestimmte Elemente

Ich muss dieses Design mit einem CSS-Raster reproduzieren und habe versucht, bestimmte Rasterelemente zu positionieren, um das Ergebnis zu erhalten, aber ohne Erfolg. Das ist es, was ich derzeit habe. Ich muss ein paar Dinge reparieren, aber vorher möchte ich die Struktur richtig hinbekommen. Im Anh...

P粉144705065 2024-03-28 11:25:39 0  1  332

Starten Sie einen transparenten Browser, um das Erlebnis von Webanwendungen und PWA zu verbessern [unterstützt statisches HTML, CSS und JavaScript] [Benutzern die Anzeige von Desktop-Hintergründen in unseren Webanwendungen/PWA ermöglichen]

Ich bin ein Junior-Frontend-Entwickler und Designer, der derzeit eine Webanwendung (Chat) mithilfe von Sockets entwickelt. Die Sprachen, die meine Freunde und ich verwenden, sind: Scala, HTML, CSS, JavaScript. Ich arbeite mit HTML, CSS und JavaScript. Er benutzt Scala. Ich muss eine Anwendung mit tr...

P粉696146205 2024-04-05 13:50:12 0  1  1666

Wie kann man benutzerdefinierte CSS-Eigenschaften effektiv nutzen?

Ich entwickle eine Anwendung mit einem benutzerdefinierten Design, das es dem Benutzer ermöglicht, die Primärfarben auszuwählen, die die Anwendung verwendet, um einen Satz von 10 Farbvarianten im Tailwind-Stil zu generieren. Ich verwende Javascript, um Farben zu generieren und sie in den Dom einzufü...

P粉384366923 2024-01-16 19:00:56 0  1  426

Helfen Sie mir, den PHP-Warenkorbcode in der Datenbank wiederherzustellen

https://www.cnblogs.com/xuan584521/p/6522385.html Ich habe dies im Internet gefunden. Ich möchte keine Sitzung zum lokalen Speichern verwenden und es in eine Datenbank mit der Möglichkeit ändern, Bestellungen an diese zu senden die Datenbank so, dass sie auf jedem Computer verwendet werden kann. Ich...

『最美的时光』 2019-03-12 20:39:38 1  4  1370

Problem beim Hinzufügen eines Anker-Tags um das Bild-Tag

Meine FlexGallery funktioniert einwandfrei. Das einzige Problem besteht darin, dass alles durcheinander gerät, wenn ich das Tag <a> um das Tag <img> hinzufüge. Wenn ich das <img>-Tag mit einem <a>-Tag umschließe, damit ich das Bild in voller Größe öffnen kann, bringt das am E...

P粉998100648 2024-03-22 09:43:59 0  1  508

Vorschau auf die Lehrveranstaltung am 20. September 2018: Grundlagen und Praxis des Bootstrap-Frameworks

1. Unterrichtsthema: Grundlagen und Praxis des Bootstrap-Frameworks Bootstrap ist das beliebteste HTML-, CSS- und JS-Framework, das zur Entwicklung responsiver Layouts und mobiler Geräte-First-WEB-Projekte verwendet wird. Bootstrap ist für alle Entwickler und alle Anwendungsszenarien konzipiert und ...

藏色散人 2018-09-20 10:43:11 0  0  1477