Die Schreibmethode von CSS-Kompositstilen wird durch die Verwendung von Leerzeichen realisiert. Bei einigen zusammengesetzten Schreibmethoden muss die Reihenfolge nicht berücksichtigt werden, z. B. „Hintergrund, Rahmen“. .
Die Betriebsumgebung dieses Artikels: Windows7-System, CSS3-Version, DELL G3-Computer.
CSS-Zusammensetzungsstil
Eine CSS-Eigenschaft steuert nur einen Stil, der als einzelner Stil bezeichnet wird.
Eine CSS-Eigenschaft steuert mehrere Stile, was als zusammengesetzter Stil bezeichnet wird.
Zusammengesetzter Stil
Die Methode des zusammengesetzten Schreibens wird durch die Verwendung von Leerzeichen realisiert. Bei einigen zusammengesetzten Schreibmethoden muss die Reihenfolge nicht berücksichtigt werden, z. B. Hintergrund und Rand; bei anderen muss die Reihenfolge berücksichtigt werden, z. B. bei der Schriftart.
1、backgroud ：red url() repeat 0 0; 2、border:1px red solid; 3、font:
Hinweis: Es sind mindestens zwei Werte erforderlich: Größenfamilie
weight style size family style weight size family weight style size/line-height family
Hinweis: Versuchen Sie, sie nicht zu mischen. Wenn Sie sie mischen müssen, schreiben Sie unbedingt zuerst den zusammengesetzten Stil und dann den einzelnen Stil.
Empfohlen: „CSS-Video-Tutorial“
Üben
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS复合样式</title>
<style>
div {
width: 300px;
height: 300px;
background: greenyellow url("img/gougou.jpg") no-repeat center center;
border: dashed 2px blue;
font: bold italic 30px/50px 宋体;
}
</style>
</head>
<body>
<div>
MW
</div>
</body>
</html>Rendering
Das obige ist der detaillierte Inhalt vonSo erstellen Sie einen CSS-Composite-Stil. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Wie viel Spezifität haben @Rules wie @Keyframes und @Media?Apr 18, 2025 am 11:34 AMIch habe diese Frage neulich bekommen. Mein erster Gedanke ist: seltsame Frage! Bei der Spezifität geht es um Selektoren, und Rules sind keine Selektoren, also ... irrelevant?
Können Sie @Media und @Support -Abfragen nisten?Apr 18, 2025 am 11:32 AMJa, Sie können, und es ist nicht wirklich wichtig in welcher Reihenfolge. Ein CSS -Präprozessor ist nicht erforderlich. Es funktioniert in regulären CSS.
Schnellschluck -Cache -BustingApr 18, 2025 am 11:23 AMSie sollten auf jeden Fall weitausgestellte Cache-Header auf Ihren Vermögenswerten wie CSS und JavaScript (und Bilder und Schriftarten und was auch immer) festlegen. Das sagt dem Browser
Auf der Suche nach einem Stapel, der die Qualität und Komplexität von CSS überwachtApr 18, 2025 am 11:22 AMViele Entwickler schreiben darüber, wie sie eine CSS -Codebasis pflegen können, aber nicht viele von ihnen schreiben darüber, wie sie die Qualität dieser Codebasis messen. Sicher, wir haben
Datalist dient dazu, Werte vorzuschlagen, ohne Werte durchzusetzenApr 18, 2025 am 11:08 AMHaben Sie jemals ein Formular gehabt, das ein kurzes, willkürliches Stück Text akzeptieren musste? Wie ein Name oder was auch immer. Das ist genau das, wofür es ist. Es gibt viele
Frontkonferenz in ZürichApr 18, 2025 am 11:03 AMIch bin so aufgeregt, nach Zürich, der Schweiz, zur Frontkonferenz zu gehen (liebe diesen Namen und diese URL!). Ich war noch nie in der Schweiz, also bin ich aufgeregt
Erstellen einer serverlosen Full-Stack-Anwendung mit Cloudflare-MitarbeiternApr 18, 2025 am 10:58 AMEine meiner Lieblingsentwicklungen in der Softwareentwicklung war das Aufkommen von Serverless. Als Entwickler, der die Tendenz hat, sich in den Details festzuhalten
Erstellen dynamischer Routen in einer Nuxt -AnwendungApr 18, 2025 am 10:53 AMIn diesem Beitrag werden wir eine E -Commerce -Store -Demo verwenden, die ich für Netlify erstellt und bereitgestellt habe, um zu zeigen, wie wir dynamische Routen für eingehende Daten erstellen können. Es ist fair
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
WebStorm-Mac-Version
Nützliche JavaScript-Entwicklungstools
Herunterladen der Mac-Version des Atom-Editors
Der beliebteste Open-Source-Editor
DVWA
Damn Vulnerable Web App (DVWA) ist eine PHP/MySQL-Webanwendung, die sehr anfällig ist. Seine Hauptziele bestehen darin, Sicherheitsexperten dabei zu helfen, ihre Fähigkeiten und Tools in einem rechtlichen Umfeld zu testen, Webentwicklern dabei zu helfen, den Prozess der Sicherung von Webanwendungen besser zu verstehen, und Lehrern/Schülern dabei zu helfen, in einer Unterrichtsumgebung Webanwendungen zu lehren/lernen Sicherheit. Das Ziel von DVWA besteht darin, einige der häufigsten Web-Schwachstellen über eine einfache und unkomplizierte Benutzeroberfläche mit unterschiedlichen Schwierigkeitsgraden zu üben. Bitte beachten Sie, dass diese Software
SublimeText3 Englische Version
Empfohlen: Win-Version, unterstützt Code-Eingabeaufforderungen!
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
