3 Möglichkeiten zur Einführung der grundlegenden CSS-Syntax-HTML-Tutorial-php.cn

3 Möglichkeiten zur Einführung der grundlegenden CSS-Syntax

php中世界最好的语言

Freigeben： 2018-02-28 10:16:50

Original

1662 Leute haben es durchsucht

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 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>

Nach dem Login kopieren

Diese Stildefinition

Die Innenseite ist in 20pt-Schriftart und die Schriftfarbe ist Rot.

2. Internes Stylesheet

Das interne Stylesheet ist im 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>

Nach dem Login kopieren

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 -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>

Nach dem Login kopieren

1 Die -Tag-Position wird im Allgemeinen innerhalb des -Tags geschrieben.

2. Der Name der CSS-Stildatei wird mit aussagekräftigen englischen Buchstaben benannt, z. B. main.css.

3. href="" ist der Pfad zur Einführung von CSS

4. rel="stylesheet" type="text/css" ist eine feste Schreibmethode, die nicht geändert werden kann.

Denken Sie an ihre

Priorität: inline > eingebettet > externe

hat auch

Kommentaranweisungen in CSS: Verwenden Sie /*Kommentaranweisung*/ Geben Sie an (verwenden Sie 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!