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
Detaillierte Erklärung redundanter und doppelter Indizes in MySQL
MySQL ermöglicht das Erstellen mehrerer Indizes f...
So verwenden Sie Lazy Loading in React, um die Ladezeit des ersten Bildschirms zu verkürzen
Inhaltsverzeichnis verwenden Installieren Wie wir...
Die ultimative Lösung zum Abspielen von Hintergrundmusik im Firefox-Browser (Chrome-Multibrowser-kompatibel)
Der empfohlene Code zum Abspielen von Hintergrundm...
MySQL-Beispiel zum Umwandeln des Geburtsdatums in das Alter und zum Gruppieren und Zählen der Personenanzahl
Abfragen der Datenbank Wählen Sie * aus `Student`...
Was ich beim Aufbau meines eigenen Blogs gelernt habe
<br />In einem Jahr Bloggen habe ich persönl...
Detaillierte Schritte zur Installation und Konfiguration von MySQL 5.7
1. MySQL herunterladen 1. Melden Sie sich auf der...
Eine Zusammenfassung einiger Orte, an denen ich Zeit mit TypeScript verbracht habe
Notieren Sie einige der Orte, an denen Sie Zeit v...
Detaillierte Erklärung zur Konfiguration des sekundären Domänennamens auf einem Apache-Server in einer Linux-Umgebung
Dieser Artikel beschreibt, wie Sie einen sekundär...
Schritte zum Installieren von Superset unter dem Win10-System
Superset ist ein leichtes Self-Service-BI-Framewo...
Detaillierter Prozess der Installation und Konfiguration von MySQL und Navicat Prenium
Voraussetzung: Mac, zsh installiert, mysql herunt...
Empfehlen Sie einen coolen blinkenden Alarmknopf
Die Wirkung ist wie folgt: Der Code lautet wie fo...
HTML Einführungstutorial HTML Tag Symbole schnell beherrschen
Randbemerkung <br />Wenn Sie nichts über HTM...
Mehrere magische Verwendungen des JS ES6 Spread-Operators
Inhaltsverzeichnis 1. Attribute hinzufügen 2. Meh...
Beispiel für die Verwendung von mycat zur Implementierung der Lese-/Schreibtrennung in MySQL-Datenbanken
Was ist MyCAT Ein vollständig Open Source-Großdat...
Methode zum Vergleichen der Größe von Varchar-Typnummern in einer MySQL-Datenbank
Erstellen einer Testtabelle -- ------------------...