Web-Frontend
CSS-Tutorial
Unterschiede in den CSS-Stylesheets zwischen den Browsern Firefox und IE
Unterschiede in den CSS-Stylesheets zwischen den Browsern Firefox und IE
1 CSS-Stil für Firefox ie6 IE7
Die meisten von ihnen werden jetzt mit !important gehackt. Für ie6- und Firefox-Tests kann es normal angezeigt werden, aber ie7 kann !important korrekt interpretieren, was dazu führt Seite zum Scheitern bringen. Ich habe einen guten Hack für IE7 gefunden, der darin besteht, „*+Html“ zu verwenden. Jetzt sollte es mit IE7 durchsucht werden, und es sollte kein Problem geben.
Schreiben Sie nun ein CSS wie dieses:
#1 { color: #333; } /* Moz */
* html #1 { color: #666 } /* IE6 */
*+html #1 { color: #999; } /* IE7 */
Dann wird die Schriftfarbe als #333 unter Firefox, #666 unter IE6 und #666 unter IE7 angezeigt Die Schriftfarbe wird als #999 angezeigt.
2 Zentrierungsprobleme im CSS-Layout
Die wichtigsten Stildefinitionen lauten wie folgt:
body {TEXT-ALIGN: center;}
#center { MARGIN-RIGHT : auto; MARGIN-LEFT: auto; }
Definieren Sie zuerst TEXT-ALIGN: center im übergeordneten Element Diese Einstellung reicht aus.
Aber es kann nicht in Mozilla zentriert werden. Die Lösung besteht darin, beim Festlegen der Definition des untergeordneten Elements „MARGIN-RIGHT: auto;MARGIN-LEFT: auto;“ hinzuzufügen.
Beachten Sie, dass dies der Fall ist, wenn Sie diese Methode zum Zentrieren der gesamten Seite verwenden möchten Es wird empfohlen, es nicht in ein DIV einzuschließen. Sie können mehrere Divs nacheinander aufteilen, solange Sie MARGIN-RIGHT: auto;MARGIN-LEFT: auto in jedem geteilten Div definieren.
3 Verschiedene Interpretationen des Box-Modells.
#box{
width:600px; //für ie6.0- width:500px;
//für ff+ ie6.0
}
#box{
width:600px!important
//für ff
width:600px;
width /**/:500px;
//für ie6.0-
4 Doppelter Abstand, erzeugt durch Floating ie
#box{ float:left; width:0 0 0 100px; In diesem Fall generiert IE einen Abstand von 200 Pixeln. display:inline; // Die schwebenden Elemente ignorieren🎜>
Dann ist das CSS wie folgt gestaltet:
# Container{
min-width: 600px; width:e Eine minimale Breite ist normal; die Breite in Zeile 2 verwendet jedoch Javascript, das nur vom IE erkannt wird, wodurch auch Ihr HTML erstellt wird Dokument weniger formell. Es implementiert tatsächlich die Mindestbreite durch Javascript-Beurteilung.
.hackbox{
display:table;
//Anzeige des Objekts als Tabelle auf Blockelementebene
clear:both;
}
oder hinzufügen: after (Pseudoobjekt), um den Inhalt festzulegen, der nach dem Objekt auftritt, normalerweise in Verbindung verwendet mit Inhalt, IE Dieses Pseudoobjekt wird nicht unterstützt und wird von Ie-Browsern nicht unterstützt, sodass es keine Auswirkungen auf IE/WIN-Browser hat. Dies ist das problematischste
......#box:after{
content: "."; display: block;
height: 0;
clear : beides;
#box{
float:left;
width:800px;}
#left{
float:left;
width:50%;}
#right{
width:50%;
}
*html #left{
margin-right:-3px;
//Dieser Satz ist der Schlüssel
}
HTML-Code
>9 Attributauswahl (dies kann nicht als kompatibel angesehen werden, es handelt sich um einen Fehler im versteckten CSS)
p[id]{}div[id]{}
p[id]{}div[id]{ }
Dies ist für IE6.0 und Versionen darunter ausgeblendet 🎜>
Es gibt immer noch einen Unterschied zwischen Attributselektor und Unterselektor. Der Umfang des Attributselektors ist beispielsweise in p[id ], alle p-Tags mit IDs haben den gleichen Stil.
10 IE-Versteckproblem
Wenn die div-Anwendung komplex ist, gibt es in jeder Spalte einige Links und verbirgt sich -and-seek-Probleme können in DIVs leicht auftreten.
Einige Inhalte können nicht angezeigt werden. Wenn die Maus diesen Bereich auswählt, wird festgestellt, dass sich der Inhalt tatsächlich auf der Seite befindet.Lösung: Verwenden Sie das Attribut „line-height“ für #layout oder verwenden Sie eine feste Höhe und Breite für #layout. Halten Sie die Seitenstruktur so einfach wie möglich.
11 Ungeeignete Höhe
Ungeeignete Höhe bedeutet, dass die Höhe der äußeren Ebene nicht automatisch angepasst werden kann, wenn sich die Höhe des inneren Objekts ändert, insbesondere wenn das innere Objekt
Inhalt im p-Objekt
CSS ::
#box {background-color:#eee; }
#box p {margin-top: 20px; text-align:center; }
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1379
52
Wie entferne ich Firefox Snap unter Ubuntu Linux?
Feb 21, 2024 pm 07:00 PM
Um FirefoxSnap unter Ubuntu Linux zu entfernen, können Sie die folgenden Schritte ausführen: Öffnen Sie ein Terminal und melden Sie sich als Administrator bei Ihrem Ubuntu-System an. Führen Sie den folgenden Befehl aus, um FirefoxSnap zu deinstallieren: sudosnapremovefirefox Sie werden zur Eingabe Ihres Administratorkennworts aufgefordert. Geben Sie Ihr Passwort ein und drücken Sie zur Bestätigung die Eingabetaste. Warten Sie, bis die Befehlsausführung abgeschlossen ist. Sobald der Vorgang abgeschlossen ist, wird FirefoxSnap vollständig entfernt. Beachten Sie, dass dadurch Versionen von Firefox entfernt werden, die über den Snap-Paketmanager installiert wurden. Wenn Sie eine andere Version von Firefox auf andere Weise installiert haben (z. B. über den APT-Paketmanager), sind Sie davon nicht betroffen. Führen Sie die oben genannten Schritte durch
Vergleich und Differenzanalyse zwischen SpringBoot und SpringMVC
Dec 29, 2023 am 11:02 AM
SpringBoot und SpringMVC sind beide häufig verwendete Frameworks in der Java-Entwicklung, es gibt jedoch einige offensichtliche Unterschiede zwischen ihnen. In diesem Artikel werden die Funktionen und Verwendungsmöglichkeiten dieser beiden Frameworks untersucht und ihre Unterschiede verglichen. Lassen Sie uns zunächst etwas über SpringBoot lernen. SpringBoot wurde vom Pivotal-Team entwickelt, um die Erstellung und Bereitstellung von Anwendungen auf Basis des Spring-Frameworks zu vereinfachen. Es bietet eine schnelle und einfache Möglichkeit, eigenständige, ausführbare Dateien zu erstellen
Ausführlicher Vergleich: Analyse der Unterschiede zwischen Dimensity 8200 und Snapdragon
Mar 22, 2024 pm 12:48 PM
Im Zeitalter des mobilen Internets stand die Leistung von Mobiltelefonen schon immer im Fokus der Nutzer. Als Marktführer auf dem Markt für Mobiltelefonchips haben MediaTek und Qualcomm mit ihren Chips auch die Aufmerksamkeit der Verbraucher auf sich gezogen. Kürzlich hat MediaTek den Dimensity 8200-Chip auf den Markt gebracht, während Qualcomm seine repräsentativen Chips der Snapdragon-Serie hat. Was sind also die Unterschiede zwischen diesen beiden Chips? In diesem Artikel wird eine eingehende Vergleichsanalyse zwischen Dimensity 8200 und Snapdragon durchgeführt. Aus prozesstechnischer Sicht nutzt Dimensity 8200 zunächst die neueste 6-nm-Prozesstechnologie, während einige von Qualcomm Snapdragons verwendet werden
Interpretation der Unterschiede zwischen den Versionen Oracle11g und Oracle12c
Mar 07, 2024 pm 02:30 PM
Oracle Database war schon immer einer der führenden Anbieter von Datenbankverwaltungssystemen für Unternehmen, und auch seine kontinuierlich aktualisierten und iterativen Versionen haben große Aufmerksamkeit erregt. Unter diesen sind die Versionen Oracle11g und Oracle12c relativ repräsentative Versionen und weisen viele Unterschiede auf. In diesem Artikel werden einige wichtige Unterschiede zwischen Oracle11g und Oracle12c erläutert und spezifische Codebeispiele beigefügt, um den Lesern ein tieferes Verständnis der Unterschiede zwischen den beiden Versionen zu vermitteln. 1. Architekturunterschiede Oracle1
So erstellen Sie eine Diashow-Layoutseite mit HTML und CSS
Oct 16, 2023 am 09:07 AM
So erstellen Sie eine Folienlayoutseite mit HTML und CSS. Einführung: Das Folienlayout wird häufig im modernen Webdesign verwendet und ist bei der Anzeige von Informationen oder Bildern sehr attraktiv und interaktiv. In diesem Artikel wird erläutert, wie Sie mit HTML und CSS eine Folienlayoutseite erstellen, und es werden spezifische Codebeispiele bereitgestellt. 1. HTML-Layoutstruktur Zuerst müssen wir eine HTML-Layoutstruktur erstellen, einschließlich eines Foliencontainers und mehrerer Folienelemente. Der Code sieht so aus: <!DOCTYPEhtml&
Kann Mozilla Firefox deinstalliert werden?
Mar 15, 2023 pm 04:40 PM
Mozilla Firefox kann deinstalliert werden; Firefox ist ein Browser eines Drittanbieters und kann deinstalliert werden, wenn er nicht benötigt wird. Deinstallationsmethode: 1. Klicken Sie im Startmenü auf „Windwos System“ – „Systemsteuerung“ 2. Klicken Sie in der „Systemsteuerung“ auf „Programme und Funktionen“ 3. Suchen Sie in der neuen Benutzeroberfläche und doppelklicken Sie darauf Firefox-Browser-Symbol; 4. Klicken Sie im Deinstallations-Popup-Fenster auf „Weiter“. 5. Klicken Sie auf „Deinstallieren“.
Git oder Versionskontrolle? Hauptunterschiede im PHP-Projektmanagement
Mar 10, 2024 pm 01:04 PM
Versionskontrolle: Die grundlegende Versionskontrolle ist eine Softwareentwicklungspraxis, die es Teams ermöglicht, Änderungen in der Codebasis zu verfolgen. Es stellt ein zentrales Repository bereit, das alle historischen Versionen von Projektdateien enthält. Dies ermöglicht es Entwicklern, Fehler einfach rückgängig zu machen, Unterschiede zwischen Versionen anzuzeigen und gleichzeitige Änderungen an der Codebasis zu koordinieren. Git: Verteiltes Versionskontrollsystem Git ist ein verteiltes Versionskontrollsystem (DVCS), was bedeutet, dass der Computer jedes Entwicklers über eine vollständige Kopie der gesamten Codebasis verfügt. Dadurch wird die Abhängigkeit von einem zentralen Server eliminiert und die Flexibilität und Zusammenarbeit des Teams erhöht. Mit Git können Entwickler Zweige erstellen und verwalten, den Verlauf einer Codebasis verfolgen und Änderungen mit anderen Entwicklern teilen. Git vs. Versionskontrolle: Hauptunterschiede Distributed vs. Set
So verwenden Sie den Pseudoklassenselektor nth-child(-n+5), um den CSS-Stil von untergeordneten Elementen auszuwählen, deren Position kleiner oder gleich 5 ist
Nov 20, 2023 am 11:52 AM
So verwenden Sie den Pseudoklassenselektor nth-child(-n+5), um den CSS-Stil von untergeordneten Elementen auszuwählen, deren Position kleiner oder gleich 5 ist. In CSS ist der Pseudoklassenselektor ein leistungsstarkes Werkzeug, das dies kann Durch eine bestimmte Auswahlmethode werden bestimmte Elemente in einem HTML-Dokument ausgewählt. Unter diesen ist:nth-child() ein häufig verwendeter Pseudoklassenselektor, der untergeordnete Elemente an bestimmten Positionen auswählen kann. :nth-child(n) kann mit dem n-ten untergeordneten Element in HTML übereinstimmen, und :nth-child(-n) kann übereinstimmen
