Heim > Artikel > Web-Frontend > 3 Möglichkeiten zur Einführung der grundlegenden CSS-Syntax
Dieses Mal werde ich Ihnen drei Arten der Einführung in die CSS-Grundsyntax und die Hinweise für die Einführung in die drei Arten der CSS-Grundsyntax vorstellen Fälle, einer Steh auf und schau es dir an.
CSS kann als Durchbruch im Webdesign angesehen werden. Es löst das Problem des Web-Interface-Layouts. Man kann sagen, dass HTML-Tags hauptsächlich den Inhalt von Webseiten definieren (Inhalt), während CSS bestimmt, wie der Inhalt dieser Webseiten angezeigt wird (Layout).
In den Anfängen des Webs war HTML eine sehr begrenzte Sprache. Bei dieser Sprache war das Erscheinungsbild nicht wichtig. Es handelte sich lediglich um einen prägnanten kleinen Markup-Mechanismus.
Mit dem Aufkommen des Webbrowsers „Mosaic“ tauchten überall Websites auf. Der Bedarf, das Erscheinungsbild der Seite zu ändern, nahm zu, sodass Markup-Elemente wie 240cb830ca84ebaabbd07850110b414d hinzugefügt wurden.
Einige Jahre später bestehen die meisten Website-Markups fast ausschließlich aus Tabellen und Schriftartelementen und können dem auszudrückenden Inhalt keine tatsächliche Bedeutung vermitteln, wodurch das Dokument weniger benutzbar und schwer zu pflegen ist.
Also veröffentlichte das W3C 1995 einen CSS-Entwurf, um das Problem der gemischten Struktur und Stil zu lösen.
Im Jahr 1996 führte das W3C CSS1 offiziell ein.
1998 wurde CSS2 eingeführt.
Ab CSS3 im Jahr 2001 wurde die CSS-Sprache in mehrere unabhängige Module unterteilt. Jedes Modul ist unabhängig abgestuft und enthält nur einen kleinen Teil der Funktionalität.
Begann 2011 mit dem Entwurf von CSS4
1. Einführung des CSS-Stylesheets
1. Eingebettetes Stylesheet
Eingebettetes Stylesheet ist in Tag (Label) geschrieben ) innen. Inline-Stile sind nur für das Tag gültig, in dem sie sich befinden. (Wenn mehrere Stile vorhanden sind, überschreibt der Inline-Stil andere Stile und wird von selbst wirksam.)
Beispiel:
<p style="font-size:20pt; color:red"></p>
Diese Stildefinitione388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 Die Innenseite ist in 20pt-Schriftart und die Schriftfarbe ist Rot.
2. Internes Stylesheet
Das interne Stylesheet ist im 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 geschrieben. Interne Stylesheets sind nur für die Webseite gültig, auf der sie sich befinden.
Das interne Stylesheet muss das Style-Tag verwenden, das wie folgt geschrieben ist:
<style type="text/css"> div{ color : red; }</style>
3. Externes Stylesheet
Wenn viele Webseiten verwendet werden müssen Um denselben Stil (Styles) zu verwenden, verwenden Sie ein externes Stylesheet. Das externe Stylesheet muss den Stil in eine CSS-Datei schreiben, ihn dann mithilfe des 2cdf5bf648cf2f33323966d7f58a7f3f-Tags in die Seite einführen und die Datei in jede Seite einführen, die den Stil anwenden muss.
Beispiel:
<HTML><HEAD> <link href="../css/a.css " rel ="stylesheet" type="text/css "></HEAD><BODY>…</BODY> </HTML>
Priorität: inline > eingebettet > externe
hat auchKommentaranweisungen in CSS: Verwenden Sie /*Kommentaranweisung*/ Geben Sie an (verwenden Sie 78f1f62ad25f828a138c8f624ccadadb in HTML)
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf chinesischen PHP-Websites ! Verwandte Lektüre:Allgemeine Einstellungen von vscode
So konvertieren Sie Dezimalzahlen in Hexadezimalzahlen
So hosten Sie Ihr Maven-Projekt auf Github
Das obige ist der detaillierte Inhalt von3 Möglichkeiten zur Einführung der grundlegenden CSS-Syntax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!