Einführung in die CSS-Stilklassifizierung (Grundkenntnisse)
|
Klassifizierung von CSS-Stilen 1. Interner Stil ---- Inline-Stil Verwenden des Style-Tags <style type="text/css"> /* Stil */ </Stil> Lernen Sie noch einen Trick: Schreiben Sie den allgemeinen Stil der Seite (wenn es nicht viele gibt) in das Style-Tag 2. Inline-Stile Schreiben Sie es direkt in das Style-Attribut auf dem Tag
<div Stil="Farbe:rot;">
Ich bin eine Kiste</div>Lernen Sie noch einen Trick: Wird normalerweise von Backend-Programmierern verwendet, um die Seite zu ändern 3. Äußerer Stil Erstellen Sie eine neue CSS-Datei und verknüpfen Sie sie mit der HTML-Seite a) Tag-Zuordnung verwenden <!-- Im Head-Tag des HTML --> <link rel="stylesheet" type="text/css" href="css-Dateipfad"> b) Anweisungsassoziation verwenden
<style type="text/css">
/* Im Style-Tag */
@import url("CSS-Dateipfad")
</Stil>Lernen Sie noch einen Trick: Der am häufigsten verwendete externe Stil und Link-Tag in Projekten Zusammenfassung der drei Stylesheets
Wissenspunktergänzung: CSS-Stilklassifizierung CSS-Stile können in drei Kategorien unterteilt werden: Inline-Stile, interne Stylesheets und externe Stylesheets 1. Inline-Stil (der Stil wird in das HTML-Tag geschrieben und wirkt sich nur auf den Inhalt des Tags aus)
2. Interner Stil (der Stil wird zwischen die Head-Tags des HTML geschrieben und wirkt sich nur auf den Inhalt des HTML aus)
<html>
<Kopf>
<Titel></Titel>
<style type="text/css">
Textkörper {Schriftgröße: 12px}
</Stil>
</Kopf>
<Körper></Körper>
</html>3. Externer Stil (Stilverweis wird zwischen die Head-Tags geschrieben und wirkt sich auf die Webseite aus, die auf die CSS-Datei verweist)
<html>
<Kopf>
<Titel></Titel>
<link href="common.css" rel="stylesheet" type="text/css">
</Kopf>
<Körper></Körper>
</html>Im CSS-Stil steht # für den ID-Selektor und . für den Klassenselektor.
Zusammenfassen Dies ist das Ende dieses Artikels über die Einführung in die Klassifizierung von CSS-Stilen (Grundkenntnisse). Weitere relevante Inhalte zur Klassifizierung von CSS-Stilen finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird! |
<<: So schreiben Sie den Einführungsinhalt der Infoseite der Website
Artikel empfehlen
Super ausführliches Tutorial zur Installation von MySQL 8.0.23
Inhaltsverzeichnis Vorwort 1. Laden Sie MySQL von...
Lösen Sie schnell das Problem des langsamen Tomcat-Starts, super einfach
Heute habe ich einem Klassenkameraden geholfen, e...
Lassen Sie sich die tiefe Kopie von js verstehen
Inhaltsverzeichnis js tiefe Kopie Methode der Dat...
Detailliertes Beispiel des Kettenprogrammierstils von jQuery
Das Implementierungsprinzip der Kettenprogrammier...
So verwenden Sie den Geometrietyp von MySQL, um Längen- und Breitengrad-Distanzprobleme zu bewältigen
Erstellen einer Tabelle CREATE TABLE `map` ( `id`...
Lösung für die Ausnahmen 1449 und 1045 bei der Verbindung mit MySQL
Lösung für die Ausnahmen 1449 und 1045 bei der Ve...
Verwendung der JavaScript-Sleep-Funktion
Inhaltsverzeichnis 1. Schlaffunktion 2. setTimeou...
Tutorial zur Installation von VMware, Nmap und Burpsuite
Inhaltsverzeichnis VMware BurpSuite 1. Virtuelles...
MySQL-Experiment: Verwenden von Explain zur Analyse des Indextrends
Überblick Die Indizierung ist eine Fähigkeit, die...
Detaillierte Erläuterung der Vue-Formularbindung und -Komponenten
Inhaltsverzeichnis 1. Was ist bidirektionale Date...
Ubuntu 20.04 CUDA- und cuDNN-Installationsmethode (grafisches Tutorial)
CUDA-Installation, cuda herunterladen Geben Sie d...
Unterschiede und Anwendungsbeispiele von for, for...in, for...of und forEach in JS
for-Schleife Grundlegendes Syntaxformat: für (Var...
Centos7.3 So installieren und implementieren Sie Nginx und konfigurieren https
Installationsumgebung 1. gcc-Installation Um ngin...
JavaScript implementiert einfache Rechnerfunktion
In diesem Artikel wird der spezifische JavaScript...
So verwenden Sie Elemente in React-Projekten
Dies ist mein erstes Mal, dass ich das Element-Fr...