Heim Web-Frontend CSS-Tutorial Häufig verwendete Attribute, Parameter und Beschreibungen des DIV+CSS_Experience-Austauschs

Häufig verwendete Attribute, Parameter und Beschreibungen des DIV+CSS_Experience-Austauschs

May 16, 2016 pm 12:04 PM
css div 参数 属性

Allgemeine Klasse
overflow:hidden; verbirgt automatisch überschüssigen Inhalt, um eine Erweiterung des Ebenen- und Tabellenumfangs zu verhindern
!important
Gibt die Anwendungspriorität von Stilregeln an
Textfarbenschriftart -Familie: „Arial“, „Helvetica“, „Sans-Serif“; Schriftgröße: Mitte (links bedeutet links, rechts bedeutet rechts) Zeilenhöhe: 28 Pixel; 150 %-Wert) Schriftart: kursiv (schräg) Schriftart: fett (fetter, extra fett, 400-facher Wert) Schriftart: Kapitälchen; Dekoration: Unterstreichen, Überstreichen, Durchstreichen, Blinken Texteinzug: 2em; Texteinzug 2 Schrifthöhe (oder 15 Pixel, also 15 Pixel)
Hintergrundklasse: feste Position (scrollen) Hintergrund: #0066CC; Hintergrundfarbe (transparent) Hintergrund: url(/image/more2.gif); Hintergrundbild Hintergrundwiederholung: Wiederholung (Wiederholung-x wiederholt sich horizontal, Wiederholung-y wiederholt sich vertikal) Hintergrundposition : Mitte oben; horizontal Mitte vertikal oben (links Mitte horizontal Mitte links vertikal Mitte) Hintergrund: url(/image/dtbg.gif) #FEFEFE
keine Wiederholung
Rechts unten (2px 5px);
Hintergrund Bild,
Hintergrundfarbe, das Bild wiederholt sich nicht, das Hintergrundbild beginnt in der unteren rechten Ecke (das Bild ist 2 Pixel von links und 5 Pixel von oben)
Rahmenpositionsklasse
klar: beides; schwebende Objekte auf beiden Seiten ablehnen (links weist schwebende Objekte zurück, rechts weist schwebende Objekte zurück)
Float: links; schwebende Objekte werden auf der linken Seite positioniert (rechts, der aktuelle Zugfahrplan wird auf der rechten Seite positioniert)
Position: relativ ; Relative Position, normalerweise den besten Zeitplan im übergeordneten Rahmen festlegen
Position: Absolute Position, legen Sie den aktuellen Ebenenrahmen in Verbindung mit den Einstellungen des übergeordneten Rahmens fest, legen Sie die oberen und linken Werte fest
oben: 5px; Absolute Position der Seite oder relativ zum oberen Rand des Frames
Links: 10px; absolute Position der Seite relativ zur linken Seite des Frames
Breite: 100px; 🎜> Höhe: 200px; Höhe 200px (Auto- und 100%-Werte sind verfügbar)
Rand Shanghai-Zugfahrplan: 10px 20px 10px 20px;
Oberer, rechter, unterer und linker Rand (sofern die Werte vorhanden sind). das Gleiche, Sie können den Rand weglassen: 10px)
Geben Sie individuell an: Rand-oben: 10px; (Rand-rechts, Rand-unten, Rand-links)
Abstand zwischen: 20px 10px 10px 20p; der obere, rechte, untere und linke Inhalt vom Rand (derselbe Wert kann padding weglassen: 10px)
Verwenden Sie padding-, wenn einzeln angegeben: 10px (padding-right, padding-bottompadding-left)
Rand : #ccc 1px durchgezogener Chengdu-Zugfahrplan
Vier Randfarben, Linienbreiten, durchgezogene Linien (gepunktete gestrichelte Linie, gestrichelte gepunktete Linie, doppelte Doppellinie, Gratkante)
Einzelne Randoberseite angeben: #ccc 1px durchgezogen ; border-right: #ccc 1px solid
etc.
Item list class list-style-position: Outside; Für außerhalb (innen) list-style-image: url(/yh/image/more04.gif ); Aufzählungszeichen-Bildlistentyp: Scheibe; Aufzählungszeichen sind Punkte (Kreis, quadratischer Kasten) 4); Filterfilter: FlipH; horizontaler Flip (FlipV GPRS-Verkehrsgebühr, vertikaler Flip)
Stellen Sie den Link separat ein
 #bottool a:link{color:#fff};Unbesuchte Farbe
 #bottool a:visited {color:#fff};Farbflusssoftware besucht
#bottool a: hover{color:#ff0}; Die Maus ist auf dem Link
Bei so vielen Definitionselementen werden tatsächlich häufig die folgenden Kategorien verwendet : Angabe der Breiten- und Höhenwerte; Angabe der Position: float, spezielle Verwendungsposition: Legen Sie den Rahmenrand fest: Rand; der Behälter: Polsterung. Darunter wurden die Definitionselemente von Überlauf-, Clear- und !important-Programmen in meiner Stildefinition gestrichen. 1. Brechen Sie overflow:hidden ab, da dieses Definitionselement nach wiederholten Experimenten nur Inhalte ausblenden kann, die die Höhe des Containers überschreiten, jedoch keine Inhalte ausblenden kann, die die Breite überschreiten. Ich muss in der Lage sein, Inhalte, die die Breite des Containers überschreiten, automatisch auszublenden. Manchmal muss die Höhe des Containers entsprechend der Inhaltsmenge erweitert werden. 2. Der Grund für die Aufhebung der klaren Definition besteht darin, dass in praktischen Anwendungen die Anordnungsbeziehung zwischen Containern mithilfe von Float, Position, Oben, Links usw. immer noch genau positioniert wird. 3. !important
Gibt die Anwendungspriorität von Stilregeln an. Dies wird hauptsächlich verwendet, um den Anzeigeeffekt zwischen IE und anderen Browsern zu unterscheiden. Meine Website möchte nur den Anzeigeeffekt korrigieren, daher gibt es keine Priorität.
Ich recherchiere immer noch über DIV+CSS. Wenn es etwas Unangemessenes gibt, posten Sie es bitte und korrigieren Sie es. Ich denke, das Wichtigste bei der Verwendung von DIV+CSS zum Layouten einer Website ist die Layoutidee. Verschiedene Designpläne haben sehr unterschiedliche traditionelle und vereinfachte Designs. Ich konzentriere mich auf die Universalität des Frameworks oder Containers und entwerfe mehrere Containerstile, genau wie den Etikettenstil in FS4, und rufe diesen Stil dann einfach dort auf, wo es erforderlich ist, um Universalität statt Spezifität zu erreichen. Lassen Sie uns heute darüber sprechen, und später werden wir speziell über diese Layout-Design-Idee sprechen.

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Repo: Wie man Teamkollegen wiederbelebt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Was bedeutet Platzhalter in Vue? Was bedeutet Platzhalter in Vue? May 07, 2024 am 09:57 AM

In Vue.js gibt das Platzhalterattribut den Platzhaltertext des Eingabeelements an, der angezeigt wird, wenn der Benutzer keinen Inhalt eingegeben hat, Eingabetipps oder Beispiele bereitstellt und die Barrierefreiheit des Formulars verbessert. Seine Verwendung besteht darin, das Platzhalterattribut für das Eingabeelement festzulegen und das Erscheinungsbild mithilfe von CSS anzupassen. Zu den Best Practices gehört es, relevant für die Eingabe zu sein, kurz und klar zu sein, Standardtexte zu vermeiden und die Barrierefreiheit zu berücksichtigen.

Was ist ein Knoten in js? Was ist ein Knoten in js? May 07, 2024 pm 09:06 PM

Knoten sind Entitäten im JavaScript-DOM, die HTML-Elemente darstellen. Sie stellen ein bestimmtes Element auf der Seite dar und können verwendet werden, um auf dieses Element zuzugreifen und es zu bearbeiten. Zu den gängigen Knotentypen gehören Elementknoten, Textknoten, Kommentarknoten und Dokumentknoten. Über DOM-Methoden wie getElementById() können Sie auf Knoten zugreifen und diese bearbeiten, einschließlich der Änderung von Eigenschaften, dem Hinzufügen/Entfernen untergeordneter Knoten, dem Einfügen/Ersetzen von Knoten und dem Klonen von Knoten. Das Durchqueren von Knoten hilft bei der Navigation innerhalb der DOM-Struktur. Knoten sind nützlich für die dynamische Erstellung von Seiteninhalten, die Ereignisbehandlung, Animation und Datenbindung.

In welcher Sprache ist das Browser-Plugin geschrieben? In welcher Sprache ist das Browser-Plugin geschrieben? May 08, 2024 pm 09:36 PM

Browser-Plugins werden normalerweise in den folgenden Sprachen geschrieben: Front-End-Sprachen: JavaScript, HTML, CSS Back-End-Sprachen: C++, Rust, WebAssembly Andere Sprachen: Python, Java

So legen Sie unbekannte Attribute in vscode fest vscode-Methode zum Festlegen unbekannter Attribute So legen Sie unbekannte Attribute in vscode fest vscode-Methode zum Festlegen unbekannter Attribute May 09, 2024 pm 02:43 PM

1. Öffnen Sie zunächst das Einstellungssymbol in der unteren linken Ecke und klicken Sie auf die Option „Einstellungen“. 2. Suchen Sie dann die CSS-Spalte im Sprungfenster. 3. Ändern Sie abschließend die Dropdown-Option im Menü „Unbekannte Eigenschaften“ in die Schaltfläche „Fehler“. .

Können weniger Dateien in Vue Daten einführen? Können weniger Dateien in Vue Daten einführen? May 07, 2024 pm 12:06 PM

Ja, Less-Dateien in Vue können Daten über CSS-Variablen und Less-Mixins einführen: Erstellen Sie eine JSON-Datei mit Daten. Verwenden Sie die @import-Regel, um JSON-Dateien zu importieren. Greifen Sie mithilfe von CSS-Variablen oder weniger Mixins auf JSON-Daten zu.

So verwenden Sie weniger Stil in Vue So verwenden Sie weniger Stil in Vue May 07, 2024 pm 12:03 PM

Die Verwendung von LESS-Stilen in Vue verbessert die Wartbarkeit und Erweiterbarkeit des Codes, insbesondere: Installieren Sie den LESS-Compiler und das LESS-Sprach-Plugin. Verwenden Sie lang="less" in der .vue-Datei, um den LESS-Stil anzugeben. Konfigurieren Sie das Webpack in der Vue.js-Konfigurationsdatei, um LESS zu CSS zu kompilieren. Zu den Hauptvorteilen des LESS-Stils gehören: Die Verwendung von Variablen verbessert die Wartbarkeit und Wiederverwendbarkeit. Verwenden Sie Überblendungen, um die Verwendung sich wiederholender Stile zu vereinfachen. Verwenden Sie Funktionen, um Farb- und Stilmanipulationen einfach durchzuführen.

Grafische Schritte zum Festlegen der Standardeigenschaften von CSS in Visual Studio 2019 Grafische Schritte zum Festlegen der Standardeigenschaften von CSS in Visual Studio 2019 May 09, 2024 pm 02:01 PM

1. Öffnen Sie Visual Studio 2019, suchen Sie die Optionseinstellungen und klicken Sie auf CSS. 2. Hier sehen Sie die technischen Einstellungen der folgenden Attribute. 3. Jetzt können Sie hier Text und Füllränder festlegen. 4. Zu diesem Zeitpunkt können Sie hier auch die schwebende Positionierung festlegen. 5. In diesem Moment können Sie hier auch den Rahmen und den Hintergrund festlegen, um den Vorgang abzuschließen. 6. Klicken Sie abschließend hier auf die Schaltfläche „OK“, um die CSS-Standardeigenschaften festzulegen.

So isolieren Sie Stile in Komponenten in Vue So isolieren Sie Stile in Komponenten in Vue May 09, 2024 pm 03:57 PM

Die Stilisolierung in Vue-Komponenten kann auf vier Arten erreicht werden: Verwenden Sie bereichsbezogene Stile, um isolierte Bereiche zu erstellen. Verwenden Sie CSS-Module, um CSS-Dateien mit eindeutigen Klassennamen zu generieren. Organisieren Sie Klassennamen mithilfe von BEM-Konventionen, um Modularität und Wiederverwendbarkeit zu gewährleisten. In seltenen Fällen ist es möglich, Stile direkt in die Komponente einzufügen, dies wird jedoch nicht empfohlen.

See all articles